詳解jquery中$.ajax方法提交表單_jquery
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 21:28:27
詳解jquery中$.ajax方法提交表單_jquery
詳解jquery中$.ajax方法提交表單_jquery: 代碼如下: 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(),
導(dǎo)讀詳解jquery中$.ajax方法提交表單_jquery: 代碼如下: 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(),

代碼如下:
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變量的值顯示到某個DIV元素中
}
});
}
jquery手冊描述:
data 發(fā)送到服務(wù)器的數(shù)據(jù)。將自動轉(zhuǎn)換為請求字符串格式。GET 請求中將附加在 URL 后。查看 processData 選項說明以禁止此自動轉(zhuǎn)換。必須為 Key/Value 格式。如果為數(shù)組,jQuery 將自動為不同值對應(yīng)同一個名稱。如 {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"}。這二個用法有什么區(qū)別?
今天在開發(fā)中發(fā)現(xiàn)二者用法的細(xì)微差別。第一種我們用url傳參,參數(shù)里面如果加帶"&"這個符號的話,可能參數(shù)接收不到或不完整,如“ data: "name=John&location=Boston",”,
如果name的值是"john&smith"這樣寫可能就會有問題,我們可以用JS里面的encodeURIComponent()方法進行轉(zhuǎn)義,
但如果用data: {name:"John",location:"Boston"}這種方式寫的話就不需要進行轉(zhuǎn)義,如果轉(zhuǎn)義的話,接收的將是轉(zhuǎn)義后的字符串
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
詳解jquery中$.ajax方法提交表單_jquery
詳解jquery中$.ajax方法提交表單_jquery: 代碼如下: 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(),