ajax提交form表单+跨域
2016-07-15 10:11
288 查看
有时候我们需要提交form表单,而又不想影响跳转页面,同时还不影响浏览器的
正常访问,这个时候就用到了ajax提交
首先,要引入js文件
<script type="text/javascript" src="${ctx}/newoa/js/jquery.form.js"></script>
以上就是用ajax提交form表单的操作,后台可以直接接收一个model
客户端JS:
服务端代码:
PS:客户端的jsonp参数是用来通过url传参,传递jsonpCallback参数的参数名,比较拗口,通俗点讲:
以正常ajax请求方式就可以获得数据。
正常访问,这个时候就用到了ajax提交
首先,要引入js文件
<script type="text/javascript" src="${ctx}/newoa/js/jquery.form.js"></script>
var form = $('#form').serialize()
$.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:form , async: false, //异步加载 success: function(data) { alert(data); } });
以上就是用ajax提交form表单的操作,后台可以直接接收一个model
Ajax 跨域请求
客户端JS:1 var xhrurl = 'http://localhost:8001/Ajax/ticketNotify.ashx?cu=kefu1'; 2 $.ajax({ 3 type : "get", 4 async : false, 5 url :xhrurl, 6 cache : false, 7 dataType : "jsonp", 8 jsonp: "callbackparam", 9 jsonpCallback:"jsonpCallback1", 10 success : function(json){ 11 alert(json[0].name); 12 }, 13 error:function(e){ 14 alert("error"); 15 } 16 });
服务端代码:
1 String callbackFunName = context.Request["callbackparam"]; 2 context.Response.Write(callbackFunName + "([ { \"name\":\"John\"}])");
PS:客户端的jsonp参数是用来通过url传参,传递jsonpCallback参数的参数名,比较拗口,通俗点讲:
jsonp: "callbackparam" jsonpCallback:"jsonpCallback1" 这两个参数最终会拼接在请求的url后面,变成 http://www.xxx.com/ajax/xxx.ashx?callbackparam=jsonCallback1 服务端要获取这个参数值:"jsonCallback1" ,拼接在要输出的JSON数据最前面,不然就算请求成功你也只会看到警告: Resource interpreted as Script but transferred with MIME type text/plain: 却看不到success定义的函数执行。
顺带一提: 在chrome浏览器里,还可以在服务端设置header信息 context.Response.AddHeader("Access-Control-Allow-Origin", "*"); 来达到跨域请求的目的,并且不需要设置ajax以下参数
dataType : "jsonp", jsonp: "callbackparam", jsonpCallback:"jsonpCallback1"
以正常ajax请求方式就可以获得数据。
相关文章推荐
- King's Cake
- Controlling A Roomba with an Arduino - Arduino串口控制Roomba教程
- 线程同步——条件变量
- Centos配置Nginx负载均衡详解
- 实现继承的几种方式
- Navicat连接oracle,出现Only compatible with oci version 8.1 and&nb (转)
- QDateTime类遇到的问题
- SVN用户权限管理
- jdk环境变量配置
- sun.misc.BASE64Encoder找不到jar包的解决方法
- 3D Touch和peek and pop和force
- 计算机视觉和模式识别中的稀疏表示(Sparse Representation for Computer Vision and Pattern Recognition)
- 浅谈死锁
- QT 下 SQlite3 数据库加密及 CppSQLite3 操作数据库加密
- 异或
- php中浮点数计算问题
- Codeforces 675E Trains and Statistic(DP + 贪心 + 线段树)
- Open-Falcon 互联网企业级监控系统
- Linux基础(13)文本查找利器find的使用方法
- ListView最全知识点总结1