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

2024-10-17 10:05:46

本文实例讲述了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程序设计有所帮助。

Javascript 基础---Ajax入门必看

Ajax 是现代Web 应用程序开发的一项关键工具.它让你能向服务器异步发送和接收数据,然后用 Javascript 解析. Ajax 是 Asynchronous JavaScript and XML (异步JavaScript 与XML)的缩写. Ajax 核心规范的名称继承于用来建立和发起请求的 Javascript 对象:XMLHttpRequest .这个规范有两个等级.所有主流浏览器都实现了第一级,它代表了基础级别的功能.第二级扩展了最初的规范,纳入了额外的事件和一些功能来让它更容易
AJAX技术基础介绍

基于XML的异步JavaScript,简称AJAX,是当前Web创新(称为Web2.0)中的一个王冠.感谢组成AJAX的各种技术,Web应用的交互如Flickr, Backpack和Google在这方面已经有质的飞跃.这个术语源自描述从基于网页的Web应用到基于数据的应用的转换.在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样. 虽然大部分开发人员在过去使用过XMLHttp或者使用Iframe
零基础学习AJAX之AJAX的简介和基础

本节简介(异步链接服务器对象)XMLHTTPRequest以及AJAX的简介. AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML). AJAX有四个方面的好处:1.即减轻了服务器的负担.2带来了更好的用户体验.3.基于标准被广泛的支持.4.拥有更好的页面呈现和数据分离. 技术名称技术说明 javascript javascript是通用的脚本语言,AJAX是用javascript编写的 css 用户界面的样式通过css来修
JQuery的ajax基础上的超强GridView展示

看到一个这样的例子和大家分享下.这个一直是我想要做到的. 首先先展示下最终的样子: 使用northwind的数据.点击前面的加号会把其它属于这个产品的详细订单展示出来,而每个产品后面都会有它的订单个数.点击'+'后的样子: 先分析下它的实现: 第一个图的显示是个Gridview,当点击每条记录前面的'+'时会使用jQuery的ajax功能调用一个Web Method,并传输一个当前产品的ID进去,然后会定义一个继承UserControl的类,它能够添加一个ascx文件,然后这个类里面定义一个Vi
Jquery ajax基础教程

jQuery的Ajax带来了无需刷新的web页面革命.这里就详细介绍一下jQuery所涉及到的Ajax操作.(无需特殊说明,均需要有服务器配置,这里本人用的是Tomcat 7) 1.基于请求加载文件数据这里的请求通常都是网页的某些操作,如点击等. 而其加载数据的类型归类为以下四种:a.加载HTML文件:b.加载JSON文件:c.加载Javascript文件:d.加载XML文件. 其对应的四种加载方法分别是:load.getJSON.getScript.get. a.加载HTML文件把编写好的
ajax 入门基础之 XMLHttpRequest对象总结

XMLHttpRequest 提供客户端同http服务器通讯的协议一:创建 IE : http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft.XMLHTTP"); 非IE: http_request = new XMLHttpRequest(); 二:onreadystatechange 指定当readyState属性改变时的事件
Ajax.基础教程电子书版提供下载

Ajax.基础教程提供下载时间为2个星期以内,需要的抓紧下 screen.width-461) window.open('/upload/200729131038873.jpg');" src="http://files.jb51.net/upload/200729131038873.jpg" border=0> http://www.javascript.com.cn/Ajax.pdf 最好用迅雷下 (此资源来源于网络,如果侵犯您的版权,我们会马上删掉)
Ajax+PHP简单基础入门实例教程

首先我们来了解怎么在javascript中创建这个对象: 程序代码 var xmlHttp = new XMLHttpRequest(); 这行简单的代码在 Mozilla.Firefox.Safari.Opera 以及基本上所有以任何形式或方式支持 Ajax 的非 Microsoft 浏览器中,创建了 XMLHttpRequest 对象.但是对于市场占有率达到70%的IE来说,这种方法是不行的,而不同的IE版本还有不同的创建方法,所以我们需要在IE下面使用下面两种创建对象的办法: 程序代码 t
使用jQuery处理AJAX请求的基础学习教程

$.ajax快捷方法 $.get(url,[data],[callback],[type]) $.post(url,[data],[callback],[type]) 两种方法请求方式不同,其他方式相同. 参数:url[请求地址],data[请求的数据内容(obj对象)],callback[回调函数(只能处理请求成功事件)], type[请求返回数据的编码格式(默认ContentType指定格式)] $.get('/test?x=1'); $.get('/test',{z:2}); $.post
Ajax基础知识详解

Ajax主要的功能是实现了浏览器端异步访问服务器:通过浏览器的XMLHttpRequest对象发出小部分数据,与服务端进行交互,服务端返回小部分数据,然后更新客户端的部分页面. 1.先实例化XMLHttpRequest对象 var request; if (window.XMLHttpRequest){ request=new XMLHttpRequest(); } else{ request=new ActiveXObject("Microsoft.XMLHTTP"); //兼容

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

相关推荐

随机推荐