詳解jquery中$.ajax方法提交表單
function postdata(){ //提交數(shù)據(jù)函數(shù)
$.ajax({ //調(diào)用jquery的ajax方法
type: "POST", //設(shè)置ajax方法提交數(shù)據(jù)的形式
url: "ok.php", //把數(shù)據(jù)提交到ok.php
data: "writer="+$("#writer").val(), //輸入框writer中的值作為提交的數(shù)據(jù)
success: function(msg){ //提交成功后的回調(diào),msg變量是ok.php輸出的內(nèi)容。
alert("數(shù)據(jù)提交成功"); //如果有必要,可以把msg變量的值顯示到某個(gè)DIV元素中
}
});
}
jquery手冊(cè)描述:
data 發(fā)送到服務(wù)器的數(shù)據(jù)。將自動(dòng)轉(zhuǎn)換為請(qǐng)求字符串格式。GET 請(qǐng)求中將附加在 URL 后。查看 processData 選項(xiàng)說明以禁止此自動(dòng)轉(zhuǎn)換。必須為 Key/Value 格式。如果為數(shù)組,jQuery 將自動(dòng)為不同值對(duì)應(yīng)同一個(gè)名稱。如 {foo:["bar1", "bar2"]} 轉(zhuǎn)換為 '&foo=bar1&foo=bar2'。
示例:
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
這里data后面跟的參數(shù)可以用二種表式:一種是普通url傳參的寫法一樣,還有一種就是寫在json數(shù)組里,
上面示例data部分也可以這樣寫:data: {name:"John",location:"Boston"}。這二個(gè)用法有什么區(qū)別?
今天在開發(fā)中發(fā)現(xiàn)二者用法的細(xì)微差別。第一種我們用url傳參,參數(shù)里面如果加帶"&"這個(gè)符號(hào)的話,可能參數(shù)接收不到或不完整,如“ data: "name=John&location=Boston",”,
如果name的值是"john&smith"這樣寫可能就會(huì)有問題,我們可以用JS里面的encodeURIComponent()方法進(jìn)行轉(zhuǎn)義,
但如果用data: {name:"John",location:"Boston"}這種方式寫的話就不需要進(jìn)行轉(zhuǎn)義,如果轉(zhuǎn)義的話,接收的將是轉(zhuǎn)義后的字符串
- jquery ajax異步提交表單數(shù)據(jù)的方法
- jQuery通過ajax快速批量提交表單數(shù)據(jù)
- jquery實(shí)現(xiàn)ajax提交表單信息的簡單方法(推薦)
- jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
- jQuery ajax提交Form表單實(shí)例(附demo源碼)
- jQuery實(shí)現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
- jquery ajax 如何向jsp提交表單數(shù)據(jù)
- jquery+ajax驗(yàn)證不通過也提交表單問題處理
- jQuery實(shí)現(xiàn)表單動(dòng)態(tài)加減、ajax表單提交功能
相關(guān)文章
tuzhu_req.js 實(shí)現(xiàn)仿百度圖片首頁效果
這篇文章主要介紹了tuzhu_req.js 實(shí)現(xiàn)仿百度圖片首頁效果的相關(guān)資料,需要的朋友可以參考下2015-08-08jQuery 全選 全不選 事件綁定的實(shí)現(xiàn)代碼
本文給大家分享一段代碼基于jQuery 全選 全不選 事件綁定的實(shí)現(xiàn)方法,代碼簡單易懂,非常不錯(cuò),需要的朋友參考下2017-01-01Jquery Post處理后不進(jìn)入回調(diào)的原因及解決方法
通過Jquery的Post方法把Json數(shù)據(jù)傳到Jsp后臺(tái),處理后卻怎么都不進(jìn)入回調(diào)函數(shù),解決方法如下2014-07-07jquery創(chuàng)建一個(gè)新的節(jié)點(diǎn)對(duì)象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
jq創(chuàng)建一個(gè)新的節(jié)點(diǎn)對(duì)象,這對(duì)一些自定義功能很有幫助,而且可以隨意控制對(duì)象的結(jié)構(gòu)與內(nèi)容,何樂而不為呢,看到這里,相信有些朋友已經(jīng)按耐不住了,好記下來為大家介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01jQuery插件dataTables添加序號(hào)列的方法
這篇文章主要介紹了jQuery插件dataTables添加序號(hào)列的方法的相關(guān)資料,需要的朋友可以參考下2016-07-07jQuery模擬物體自由落體運(yùn)動(dòng)(附演示與demo源碼下載)
這篇文章主要介紹了jQuery模擬物體自由落體運(yùn)動(dòng)的方法,并附帶了效果演示與demo源碼下載,可真是模擬出球體自由落體運(yùn)動(dòng)及動(dòng)能損耗的運(yùn)動(dòng)過程,需要的朋友可以參考下2016-01-01