jQuery的ajax傳參巧用JSON使用示例(附Json插件)
function AddComment(content) {
var threadId = $("#span_thread_id").html();
var groupId = $("#span_group_id").html();
var groupType = $("#span_group_type").html();
var title = $("#thread_title").html();
var content = content.replace(/\x22/g,'"');
$.ajax({
url: '/WebService/GroupService.asmx/AddThreadComment',
data: '{threadId:' + threadId + ',groupId:' + groupId + ',groupType:' + groupType + ',title:"' + title + '",content:"' + content + '"}', type: 'post',
dataType: 'json',
contentType: 'application/json;charset=utf-8',
cache: false,
success: function(data) {
//根據(jù)返回值data.d判斷是不是成功
},
error: function(xhr) {
//中間發(fā)生異常,查看xhr.responseText
}
});
}
這中間最麻煩,最容易出錯(cuò)的也是拼接Json字符串,字符型參數(shù)的值要添加引號(hào),而且對(duì)于用戶(hù)輸入的文本字段要對(duì)',/等進(jìn)行特殊處理
意外的機(jī)會(huì),上司給我推薦了一種新的方法,看下面代碼:
function AddComment(content) {
var comment = {};
comment.threadId = $("#span_thread_id").html();
comment.groupId = $("#span_group_id").html();
comment.groupType = $("#span_group_type").html();
comment.title = $("#thread_title").html();
comment.content = content;
$.ajax({
url: '/WebService/GroupService.asmx/AddThreadComment',
data: $.toJSON(comment),
type: 'post',
dataType: 'json',
contentType: 'application/json;charset=utf-8',
cache: false,
success: function(data) {
//根據(jù)返回值data.d處理
},
error: function(xhr) {
//中間發(fā)生異常,具體查看xhr.responseText
}
});
}
直接用$.toJSON(對(duì)象)即可;
jQuery的JSON插件:http://code.google.com/p/jquery-json/
- html+js+php一次原始的Ajax請(qǐng)求示例
- jquery教程ajax請(qǐng)求json數(shù)據(jù)示例
- 使用$.getJSON實(shí)現(xiàn)跨域ajax請(qǐng)求示例代碼
- jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
- jquery ajax對(duì)特殊字符進(jìn)行轉(zhuǎn)義防止js注入使用示例
- 通過(guò)AJAX的JS、JQuery兩種方式解析XML示例介紹
- ajax后臺(tái)處理返回json值示例代碼
- AJAX如何接收J(rèn)SON數(shù)據(jù)示例介紹
- 淺析ajax請(qǐng)求json數(shù)據(jù)并用js解析(示例分析)
- JavaScript中的ajax功能的概念和示例詳解
相關(guān)文章
使用Jquery+Ajax+Json如何實(shí)現(xiàn)分頁(yè)顯示附JAVA+JQuery實(shí)現(xiàn)異步分頁(yè)
本文給大家介紹基于jquery+ajax+json實(shí)現(xiàn)數(shù)據(jù)分頁(yè)顯示,以及JAVA+JQuery實(shí)現(xiàn)異步分頁(yè),本文代碼簡(jiǎn)單易懂,非常具有參考價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2015-10-10AJAX請(qǐng)求隊(duì)列實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了AJAX請(qǐng)求隊(duì)列的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11深入淺析AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)
jQuery.AjaxFileUpload.js是一款jQuery插件,用于通過(guò)ajax上傳文件。本文給大家介紹AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù),對(duì)此感興趣的朋友一起學(xué)習(xí)吧2016-04-04通過(guò)抓取淘寶評(píng)論為例講解Python爬取ajax動(dòng)態(tài)生成的數(shù)據(jù)(經(jīng)典)
在學(xué)習(xí)python的時(shí)候,一定會(huì)遇到網(wǎng)站內(nèi)容是通過(guò) ajax動(dòng)態(tài)請(qǐng)求、異步刷新生成的json數(shù)據(jù) 的情況,并且通過(guò)python使用之前爬取靜態(tài)網(wǎng)頁(yè)內(nèi)容的方式是不可以實(shí)現(xiàn)的,所以這篇文章將要講述如果在python中爬取ajax動(dòng)態(tài)生成的數(shù)據(jù)。2015-10-10Ajax 無(wú)刷新在注冊(cè)用戶(hù)名時(shí)的應(yīng)用的代碼
Ajax 無(wú)刷新在注冊(cè)用戶(hù)名時(shí)的應(yīng)用的代碼...2007-04-04AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法...2007-04-04JQuery ajax返回JSON時(shí)的處理方式 (三種方式)
json數(shù)據(jù)是一種經(jīng)型的實(shí)時(shí)數(shù)據(jù)交互的數(shù)據(jù)存儲(chǔ)方法,使用到最多的應(yīng)該是ajax與json配合使用了,下面由腳本之家小編給大家分享JQuery ajax返回JSON時(shí)的處理方式 (三種方式),需要的朋友可以參考下2015-09-09Ajax風(fēng)格的一款網(wǎng)頁(yè)Loading效果
本篇文章主要是對(duì)Ajax風(fēng)格的一款網(wǎng)頁(yè)Loading效果的實(shí)例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02