博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery ajax异步传值的两个实用的方法,你看后肯定会用第二个
阅读量:6216 次
发布时间:2019-06-21

本文共 1805 字,大约阅读时间需要 6 分钟。

故名思议,你是个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拼接字符串的写法

  这是案例

下面是后台代码

仔细看  已经传入后台了,代码写的就是好看 容易理解

 

转载地址:http://gilja.baihongyu.com/

你可能感兴趣的文章
Firefox 将启用全新 logo 设计,不同图标对应不同产品线
查看>>
eclipse无法添加tomcat
查看>>
Confluence 6 识别慢性能的宏
查看>>
利用openssl进行base64的编码与解码
查看>>
【朝花夕拾】Android Log篇
查看>>
Python爬虫day2.3—python模块
查看>>
如何用动态参数取得季度数据
查看>>
Unity SceneManager场景管理Chinar详解API
查看>>
PHP学习4——面向对象
查看>>
深度学习第19讲:CNN经典论文研读之残差网络ResNet及其keras实现
查看>>
docker 容器内redis连接refuse的问题
查看>>
web.py源码分析: application(1)
查看>>
前言【最爱的贝叶斯哲学】
查看>>
NoClassDefFoundError: ch/qos/logback/classic/spi/ThrowableProxy
查看>>
从 Everything 到 Listary,自 Launch 归 Wox
查看>>
[Guava源码日报](2)Strings分析
查看>>
TKoa 1.0.1 发布,TypeScript 版的 Node.js Koa 框架
查看>>
使用Free Spire.Presentation生成PowerPoint文件
查看>>
PureScript 0.12.3 发布,静态类型语言
查看>>
Derek解读Bytom源码-Api Server接口服务
查看>>