AJAX调用案例随笔(个人观看使用)

<script type="text/javascript">
/*var contextpath =

"http://192.168.0.103:8080/sjfxms2";*/
var contextpath = "http://192.168.3.5:8080/sjfxms2";
mui.init();
document.getElementById("knowf").addEventListener(‘tap‘, function(){

var path=contextpath+"/ListInfo_Title_Create.action";

alert("a");
var parameter="";
alert(path);
$.ajax({
url:path,
type:"post",
data:parameter,
async:false,

success:
function(data,textStatus,jqXHR){
alert(data);
var mapArray = eval("("+data+")");
alert(mapArray);
mui.openWindow({
url:‘card.html‘,
id:‘card.html‘,
extras:{
mapArray:mapArray,

}
});
},
error:
function(XMLHttpRequest,textStatus,errorThrown){
mui.toast("status:"+XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);

}

});
});
document.getElementById("search").addEventListener(‘tap‘, function(){
location.href="search.html";
});
document.getElementById("userinfo").addEventListener(‘tap‘, function(){

var path=contextpath+"/ListInfo_Userinfo_List.action";
var parameter="";
alert(path);
$.ajax({
url:path,
type:"post",
data:parameter,
async:false,
datatype:"json",
success:
function(data,textStatus,XMLHttpRequest){
var mapArray = eval("("+data+")");

var j=0;
var arr = new Array();
for(var i=0;i<mapArray.length;i++){

for (var p in mapArray[i]) {
console.debug (p + ": " + mapArray[i][p]);

arr[j]=mapArray[i][p];

j=j+1;

/*alert(mapArray[i][p]);*/
}

}

var CUSTOMS_SEX=arr[2];
var CUSTOMS_TELEPHONE=arr[6];
mui.openWindow({
url:‘userinfol.html‘,
id:‘userinfol.html‘,
extras:{
mapArray:mapArray,
name:CUSTOMS_SEX,
num:CUSTOMS_TELEPHONE
}
});

},
error:
function(XMLHttpRequest,textStatus,errorThrown){
mui.toast("status:"+XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);

}

});
});
document.getElementById("know").addEventListener(‘tap‘, function(){
location.href="tab-with-segmented-control-vertical.html";
var path=contextpath+"/ListInfo_Title_User.action";
/*var path=contextpath+"/main_modules.action?parentId=5";*/
alert("a");
var parameter="";
alert(path);
$.ajax({
url:path,
type:"post",
data:parameter,
async:false,

success:
function(data,textStatus,jqXHR){
alert("aa");
alert(data);
result=data;
},
error:
function(XMLHttpRequest,textStatus,errorThrown){
mui.toast("status:"+XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);

}

});
});
</script>

时间: 2024-07-30 10:46:36

AJAX调用案例随笔(个人观看使用)的相关文章

DataTables学习:从最基本的入门静态页面,使用ajax调用Json本地数据源实现前端开发深入学习,根据后台数据接口替换掉本地的json本地数据,以及报错的处理地方,8个例子(显示行附加信息,回调使用api,动态显示和隐藏列...),详细教程

一.DataTables  个人觉得学习一门新的插件或者技术时候,官方文档是最根本的,入门最快的地方,但是有时候看完官方文档,一步步的动手写例子,总会出现各种莫名其妙的错误,需要我们很好的进行研究出错的地方. 官方网站(中文):http://datatables.club/ 官方网站:https://www.datatables.net/  二.简单的例子 怎样简单地使用DataTables?使用下方简单的几行代码,一个方法初始化table. $(document).ready(function

asp.net mvc 使用Ajax调用Action 返回数据【转】

使用asp.net mvc 调用Action方法很简单. 一.无参数方法. 1.首先,引入jquery-1.5.1.min.js 脚本,根据版本不同大家自行选择. <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> 2.在Controllers中书写前台Ajax需要调用的Action,比如:

调试Ajax调用的利器firebug

这几天我在家里调试PCS的Ajax调用时候发现一个问题就是调试手段太少,一般我会在进入ajax调用前加上一段alert输出变量信息. 比如 alert($("#taskid").val()); alert("https://pcs-gse00010366.process.us2.oraclecloud.com/bpm/api/4.0/tasks/"+$("#taskid").val()); 然而发现在后续GET或者POST一个调用中往往返回的错误

使用HBuilder开发移动APP:ajax调用接口数据

既然要做APP,与接口交互式少不了的,除非只是想做一个纯静态的APP.所以html5+的环境准备好后,我最先开始研究的就是如何与接口交互. 使用HBuilder新建示例教程后,里面会有一个ajax(网络请求)的列子,文件目录是examples/ajax.html.看了下这个文件的代 码,它的功能就是点击“提交”按钮后提交参数给接口,然后根据选择的返回数据格式,将一段字符串打印出来.我准备改造下这段代码,改由页面加载时调用列表 接口,并在APP里显示这段列表,毕竟这种情况应该经常会用到. 1.在l

Ajax调用返回json,xml数据类型(0517--pm)

一.返回Json型数据: 1.主页面 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <met

用jQuery的Ajax调用WCF服务编程心得

这两天在写基于WCF服务的后台框架,过程中遇到了一些挫折,经过努力全部解决了,在此分享给大家,使用的工具是Visual Studio 2013. 该后台需要支持通过json来传递和接收数据. 首先,说说搭建过程. 第一步:创建WCF服务应用程序项目WCF. 第二步,创建服务使用的数据类 using System; using System.ComponentModel.DataAnnotations; using System.ComponentModel.DataAnnotations.Sch

asp.net WebService+Ajax调用

default.aspx 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head run

多级联动系列——ajax调用XML实现三级联动

ajax 使用起来特别的方便,再也不操心浏览器兼容问题了.用ajax调用XML页面中的内容,来生成三级联动,OK废话不多说,跟着我一步步写吧. 首先写一个XML文件.data.xml <?xml version="1.0" encoding="UTF-8"? > <list> <province name="河南" id='1'> <city name="焦作" id='11'>

Asp.net mvc 使用Ajax调用Action 返回数据。

使用asp.net mvc 调用Action方法很简单. 一.无参数方法. 1.首先,引入jquery-1.5.1.min.js 脚本,根据版本不同大家自行选择. <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> 2.在Controllers中书写前台Ajax需要调用的Action,比如: