ajax跨域(基础域名相同)表单提交的方法_AJAX相关

本文实例讲述了ajax跨域(基础域名相同)表单提交的方法。分享给大家供大家参考。具体如下:

1.要在做ajax提交的页面中添加如下js语句:

<script type="text/javascript">
  document.domain="基础域名";
</script>

2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js

使用语法如下:

//fromPost为要收集数据的form表单的id
$("#formPost").ajaxSubmit({
  url:"跨域的业务处理地址",
  cache:false,
  dataType:"html",
  iframe:true,
  success:function (data){
 //返回如果是json可以这样处理一下,xml格式需要做其它的处理
 eval("data="+data);
   if(data.flag == 'OK'){
   }
});

3.跨域的业务处理的返回值中必需含有以下语句

<script type="text/javascript">
  document.domain="基础域名";
</script>

4.剩下的返回值可以是json,xml格式或其它自定义的格式,只要客户端能够解析出想要结果就可以

5.这样在做ajax提交的页面中就可以取到表单跨域提交后的返回值了,取到返回值后就可以接着做其它的处理了

说明:

1.基础域名:两个及两个以上域名的公有部分,公有部分至少要包含二级域名或二级域名之上的部分

2.document.domain="基础域名"; //这句话是为了使域名相同,解除跨域的限制,详见:《js设置document.domain实现跨域的注意点分析》

3.关于跨域提交还有很多其它的解决办法,如:《js同源策略详解》

希望本文所述对大家的javascript程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ajax
, 跨域
表单提交
ajax跨域提交form表单、ajax跨域提交表单、form表单跨域提交、跨域提交表单、iframe跨域提交表单,以便于您获取更多的相关知识。

时间: 2024-05-10 02:28:15

ajax跨域(基础域名相同)表单提交的方法_AJAX相关的相关文章

ajax跨域(基础域名相同)表单提交的方法

本文实例讲述了ajax跨域(基础域名相同)表单提交的方法.分享给大家供大家参考.具体如下: 1.要在做ajax提交的页面中添加如下js语句: <script type="text/javascript"> document.domain="基础域名"; </script> 2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js 使用语法如下: //fromPost为要收集数据的form表单的id $(&q

JS控制表单提交的方法_javascript技巧

本文实例讲述了JS控制表单提交的方法.分享给大家供大家参考.具体如下: <Script Language="JavaScript"> function autoSubmit(){ var form = document.forms[0]; var actionPath = "?mo=phone"; form.action = actionPath; form.submit(); return true; } </Script> 如果需要两个提

ajax提交url与ajax提交表单的详细比较_AJAX相关

1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交. 例: 复制代码 代码如下:          function createHtml(id){             $("#reloading").show();              //edit_bg是个div,提交时显示,这样可以使背景页面不能操作.             $("#edit_bg").show();             $.ajax({        

Ajax 表单验证 实现代码_AJAX相关

兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证  环境:ruby 1.8.6 + rails 2.1.0 + windows 核心代码: html: 浏览器禁用javascript时显示提示信息: 复制代码 代码如下: <noscript> <div style="color:red">您的浏览器不支持javascript,部分功能无法使用</div> </noscript>

ajax jquery 异步表单验证示例代码_AJAX相关

文件目录:  html代码: 复制代码 代码如下: <html> <head> <title>异步表单验证</title> <script type='text/javascript' src='jquery.js' ></script> <script> function checkname(){ //$("input[name='name']").val() $.ajax({ type:"

通过构造AJAX参数实现表单元素JSON相互转换_AJAX相关

ajax提交服务器数据, 整理一下转换方法. HTML: <form id="fm" name="fm" action=""> <input name="UserName" type="text" value="UserName1"/> </form> <input name="UserId" id="UserId&

onsubmit阻止form表单提交与onclick的相关操作_javascript技巧

1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方.如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数:只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码处.function 复制代码 代码如下: function chkinput(form) { if(form.title.value=="") { alert("请输入

Ajax加载外部页面弹出层效果实现方法_AJAX相关

本文实例讲述了Ajax加载外部页面弹出层效果实现方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

使用ajax技术实现txt弹出在页面上的方法_AJAX相关

使用ajax技术实现点击按钮,将TXT文本里的内容通过弹出框显示到页面上 /*事件会在页面加载完成后触发.*/ <script> window.onload = function(){ /*获取按钮的id*/ var oBth=document.getElementById('btn'); /*点击按钮触发的函数*// oBth.onclick = function(){ /*打开浏览器*/ var xhr = new XMLHttpRequest(); /*在地址栏输入地址,这里的1txt代