欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解jquery中$.ajax方法提交表單

 更新時間:2014年11月03日 14:19:19   投稿:hebedich  
這篇文章主要介紹了jquery中$.ajax方法提交表單的方法及介紹,希望對大家有所幫助

復制代碼 代碼如下:

function postdata(){                        //提交數(shù)據(jù)函數(shù)  
    $.ajax({                                //調用jquery的ajax方法  
        type: "POST",                       //設置ajax方法提交數(shù)據(jù)的形式  
        url: "ok.php",                      //把數(shù)據(jù)提交到ok.php  
        data: "writer="+$("#writer").val(), //輸入框writer中的值作為提交的數(shù)據(jù)  
        success: function(msg){             //提交成功后的回調,msg變量是ok.php輸出的內容。  
            alert("數(shù)據(jù)提交成功");            //如果有必要,可以把msg變量的值顯示到某個DIV元素中  
        }  
    });  

jquery手冊描述:
data 發(fā)送到服務器的數(shù)據(jù)。將自動轉換為請求字符串格式。GET 請求中將附加在 URL 后。查看 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。如果為數(shù)組,jQuery 將自動為不同值對應同一個名稱。如 {foo:["bar1", "bar2"]} 轉換為 '&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)二者用法的細微差別。第一種我們用url傳參,參數(shù)里面如果加帶"&"這個符號的話,可能參數(shù)接收不到或不完整,如“ data: "name=John&location=Boston",”,

如果name的值是"john&smith"這樣寫可能就會有問題,我們可以用JS里面的encodeURIComponent()方法進行轉義,

但如果用data: {name:"John",location:"Boston"}這種方式寫的話就不需要進行轉義,如果轉義的話,接收的將是轉義后的字符串

相關文章

  • 深入探秘jquery瀑布流的實現(xiàn)

    深入探秘jquery瀑布流的實現(xiàn)

    瀑布流就是像瀑布一樣的網(wǎng)站——豐富的網(wǎng)站內容,特別是絢美的圖片會讓你流連忘返。你在瀏覽網(wǎng)站的時候只需要輕輕滑動一下鼠標滾輪,一切的美妙的圖片精彩便可呈現(xiàn)在你面前。瀑布流網(wǎng)站是新興的一種網(wǎng)站模式——她的典型代表是pinterest、美麗說、蘑菇街這類型的網(wǎng)站。
    2016-01-01
  • EasyUI中在表單提交之前進行驗證

    EasyUI中在表單提交之前進行驗證

    這篇文章主要介紹了EasyUI中在表單提交之前進行驗證的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-07-07
  • tuzhu_req.js 實現(xiàn)仿百度圖片首頁效果

    tuzhu_req.js 實現(xiàn)仿百度圖片首頁效果

    這篇文章主要介紹了tuzhu_req.js 實現(xiàn)仿百度圖片首頁效果的相關資料,需要的朋友可以參考下
    2015-08-08
  • Easyui 之 Treegrid 筆記

    Easyui 之 Treegrid 筆記

    easyui是一種基于jQuery的用戶界面插件集合。本文是小編自己遇到的一些有關easyui treegrid的問題記錄,特此分享腳本之家平臺供大家參考
    2016-04-04
  • jQuery 全選 全不選 事件綁定的實現(xiàn)代碼

    jQuery 全選 全不選 事件綁定的實現(xiàn)代碼

    本文給大家分享一段代碼基于jQuery 全選 全不選 事件綁定的實現(xiàn)方法,代碼簡單易懂,非常不錯,需要的朋友參考下
    2017-01-01
  • Jquery Post處理后不進入回調的原因及解決方法

    Jquery Post處理后不進入回調的原因及解決方法

    通過Jquery的Post方法把Json數(shù)據(jù)傳到Jsp后臺,處理后卻怎么都不進入回調函數(shù),解決方法如下
    2014-07-07
  • jquery如何解決resize執(zhí)行兩次的問題

    jquery如何解決resize執(zhí)行兩次的問題

    這篇文章主要介紹了jquery如何解決resize執(zhí)行兩次的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-07-07
  • jquery創(chuàng)建一個新的節(jié)點對象(自定義結構/內容)的好方法

    jquery創(chuàng)建一個新的節(jié)點對象(自定義結構/內容)的好方法

    jq創(chuàng)建一個新的節(jié)點對象,這對一些自定義功能很有幫助,而且可以隨意控制對象的結構與內容,何樂而不為呢,看到這里,相信有些朋友已經(jīng)按耐不住了,好記下來為大家介紹實現(xiàn)方法,感興趣的朋友可以了解下哦
    2013-01-01
  • jQuery插件dataTables添加序號列的方法

    jQuery插件dataTables添加序號列的方法

    這篇文章主要介紹了jQuery插件dataTables添加序號列的方法的相關資料,需要的朋友可以參考下
    2016-07-07
  • jQuery模擬物體自由落體運動(附演示與demo源碼下載)

    jQuery模擬物體自由落體運動(附演示與demo源碼下載)

    這篇文章主要介紹了jQuery模擬物體自由落體運動的方法,并附帶了效果演示與demo源碼下載,可真是模擬出球體自由落體運動及動能損耗的運動過程,需要的朋友可以參考下
    2016-01-01

最新評論