一、第一個
html:
<div id="ruleList"></div>向div里添加一段循環輸出的數據
js:
$.ajax({
type: "POST",
url: "ruleListAction.do?method=searchRuleList",
//我們用text格式接收
//dataType: "text",
//json格式接收數據
dataType: "json",
data: "ruleId="+ruleId+"&ruleGroupId="+ruleGroupId+"&prodName="+prodName,
success: function (jsonStr) {
//實例2個字符串變量來拼接下拉列表
//alert(jsonStr);
//使用jquery解析json中的數據
var ruleListTemp = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
$.each(jsonStr, function (n, value) {
//alert(value.ruleId);
ruleListTemp += ("<tr><td>" + value.ruleName);
ruleListTemp += ("</td></tr>");
});
ruleListTemp += ("</table>");
$("#ruleList").html(ruleListTemp);
}
});
一、第二個
jquery的ajax異步請求接收返回json數據實例
1、jquery的ajax異步請求接收返回json數據方法設置簡單，一個是服務器處理程序是返回json數據，另一種就是ajax發送設置的datatype設置為jsonp格式數據或json格式都可以。這篇文章對此進行了實例介紹,需要的朋友可以參考下
2、jquery的ajax異步請求接收返回json數據方法設置簡單，一個是服務器處理程序是返回json數據，另一種就是ajax發送設置的datatype設置為jsonp格式數據或json格式都可以。
$('#send').click(function () {
$.ajax({
type : "GET",
url : "a.php",
dataType : "jsonp",
success : function (data) {
$.each(data.items, function (i, item) {
$("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText");
if (i == 3) {
return false;
}
});
}
});
});
$.ajax方法如下：
$.ajax({
type: "POST",
url: ctxRoot+'FolderAction!saveInformSetting.action',
data: 'jsonStr=' + inform_settingListStr,
dataType: "json",
complete: function(data){
//在這里做些事情，假設返回的json數據里有name這個屬性
//有時候可以直接data.name或者data['name']去訪問
//但有時候，卻要通過var jsonData = eval("("+data.responseText+")");才可以通過jsonData.name訪問，而且這種情況下，需要是complete而不是success
}
});
$.ajax(options)
////////////////////////////////////////////////////
這是最根本的JQuery Ajax方法，只有一個參數options，該options參數中包含了請求信息和回調函數的信息。參數內容都是key:value對形式出現，並且都是可選的。
語法如下：
$.ajax({options});
url：(string)發送請求的地址，可以是服務器頁面也可以是WebService動作。
type：(string)請求方式，POST或GET
data：(object)向服務器發送請求時帶去的數據。是key:value對形式，如：{name:"grayworm",sex:"male"}，如果是數組{works:["work1","work2"]}
dataType：(string)預期返回的數據類型。xml,html,json,text等
beforeSend：（Function）發送ajax請求前被觸發，如果返回false則取消本次請求。如果異步請求需要顯示gif動畫，那應當在這里設置相應<img>的可見。