js/jquery 跨站提交
2014-03-04 11:00
267 查看
方法一:iframe提交
方法二:jquery的jsonp提交方式
服务器返回数据格式必须是success_jsonpCallback(" + result + "); 对应jsonpcallback里面的参数
var _login_lock = 0; function LoginSubmit() { var a, actionURL = "http://www.aaa.aaa", loginName = document.getElementById("login_username"), loginPaswd = document.getElementById("login_password"); if (loginName.value == '' || loginName.value == "用户名/E-mail") { alert('请输入用户名/E-mail'); loginName.focus(); return false } else if (loginPaswd.value == '') { alert('请输入登陆密码'); loginPaswd.focus(); return false } else { a = { "username": loginName.value, "password": loginPaswd.value }; if (_login_lock == 0) { _login_lock = 1; createFormAndSubmit(a, actionURL, "loginwin", "POST"); } } } if (top != self) top.location = self.location; function getNewSubmitGetForm(a) { var b = document.createElement("FORM"); document.body.appendChild(b); b.method = a; return b } function getNewSubmitForm() { var a = document.createElement("FORM"); document.body.appendChild(a); a.method = "POST"; return a } function createFormAndSubmit(a, b, c, d) { var e = (d == undefined && d == null) ? getNewSubmitForm() : getNewSubmitGetForm(d); for (var f in a) { if (a[f] != "") createNewFormElement(e, f, a[f]) } e.action = b; if (c != undefined && c != null) { e.target = c } e.submit(); return e } function createNewFormElement(a, b, c) { var d = document.createElement("INPUT"); d.type = "hidden"; d.name = b; a.appendChild(d); d.value = c; return d }
<iframe name="loginwin" id="loginwin" style=" display:none;" ></iframe>页面上添加上面html代码
方法二:jquery的jsonp提交方式
$.ajax({ type: "get", async: false, url: "http://aaa.aaa.com?aa=aa", dataType: "jsonp", jsonp: "callbackparam", jsonpCallback: "success_jsonpCallback", success: function (json) { var d = eval(json); }, error: function (e) { alert(e); } });
服务器返回数据格式必须是success_jsonpCallback(" + result + "); 对应jsonpcallback里面的参数
相关文章推荐
- 利用jquery.form.js的ajaxSubmit实现不跳转提交表单数据
- jquery.validate不用submit而用js提交的例子
- Jquery提交表单 Form.js官方插件介绍
- 使用jquery-form.js,直接提交表单至后台(springmvc)
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- form提交--jquery.form.js
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- ajax表单提交插件jquery.form.js的运用
- 基于jquery与jquery.form.js的表单文件流提交和上传体验提升
- 基于jquery的提交、编辑页面js编写框架
- jquery的异步提交表单(异步上传文件)及jquery.form.js上传文件注意事项
- 异步提交表单插件jquery.form.min.js的使用实例
- jquery之ajax提交、js验证表单
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- 上传附件使用jquery-form.js的ajaxsubmit提交一点记录
- jQuery.form.js使用ajaxSubmit()提交表单时返回中文乱码的问题
- jquery.form.js提交form表单 上传文件
- 使用jquery.form.js实现form表单无刷新提交简单示例
- aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)
- jQuery.form.js进行表单提交,中文乱码问题及解决