Jquery ajax異步傳值的兩個實用的方法,你看后肯定會用第二個


故名思議,你是個asp.net  或者是搞PHP的或者 是javaweb的 ,但是為了提高界面的效率,你必須會實用jquery的ajax,當然,在ajax異步傳值的時候很頭疼的一件事情就是,拼接字符串json下面給大家演示一個較為普通的拼寫json,話不多少 我直接上code

$.ajax({
                    type: "Post", //方法
                    url: "MsgTongJi.aspx/AreaStu", //url
                    contentType: "application/json; charset=utf-8", //數據格式
                    data: "{\"id\":\"" + city + "\",\"area\":\"" + area + "\"}",  //數據
//看上面的data  這是一種效率高  但是寫起來非常費勁的寫法,我這里只有兩個參數,在頭幾天做項目的時候,需要同時提交20多條數據,我的天哪  我自己寫了好幾次都寫錯了,json字符串寫了四五行,你會很頭疼這種寫法,特別是提交的數據多的時候
                    dataType: "json", //數據格式
                    success: function (data) {
                        $("#TongJi").html(name + xian + "報名的學生有" + data.d + "人");
                    }
                    //成功后的回調函數
                });
//復制代碼的時候注意  一定要引入jquery文件
//用的時候記得把我的注釋給刪掉了

  看了上面的代碼,很明顯,如果是提交數十條數據拼接json字符串很頭疼,特別是\"\":\"\"    我深知道 你也不想這樣,但是我下面有一個新寫法,lookcodeing....

$.ajax({
                    type: "Post", //方法
                    url: "XinKa.aspx/tj", //url
                    contentType: "application/json; charset=utf-8", //數據格式
//在看下面很多條數據,仔細看  有冒號和逗號,分得清
                    data: "{'Name':'" + Name + "','Sex':'" + Sex + "','ZhengZhi':'" + ZhengZhi + "','IDNumber':'" + IDNumber + "','Tel':'" + Tel + "','Add':'" + Add + "','QQ':'" + QQ + "','OkSchool':'" + OkSchool + "','TicKet':'" + TicKet + "','TestReslut':'" + TestReslut + "','Jia1':'" + Jia1 + "','Tel1':'" + Tel1 + "','Jia2':'" + Jia2 + "','Tel2':'" + Tel2 + "','id':'"+id+"'}",  //數據
                    dataType: "json", //數據格式
                    success: function (data) {
                        if (data.d=="Y") {
                            alert("修改成功");
                        }
                    }
                    //成功后的回調函數
                })

//這也是json拼接字符串的寫法

  這是案例

下面是后台代碼

仔細看  已經傳入后台了,代碼寫的就是好看 容易理解

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM