Ajax 跨域提交表单

跨域提交表单,前端ajax不用做任何修改, 只需要在后端调用的方法里面添加一行代码即可. .NET 版 HttpContext.Response.AddHeader("Access-Control-Allow-Origin", "*"); 如果调用跨域调用js方法需要设置document.domain <script> document.domain = "qq.com"; </script> JSOP 没用过,查看资料…

jquery来跨域提交表单

说说用jquery来实现跨域提交表单在jQuery中,我们使用json数据类型,通过getJSON方法来实现从服务端获取或发送数据,而当要向不同远程服务器端提交或者获取数据时,要采用jsonp数据类型. 我们在WEB开发中有时会遇到这种情况,比如要从A网站收集用户信息,提交给B网站处理,这个时候就会涉及到跨域提交数据的问题.本文将给您介绍如何使用jQuery来实现异步跨域提交表单数据. 在jQuery中,我们使用json数据类型,通过getJSON方法来实现从服务端获取或发送数据,而当要向不同…

使用jQuery实现跨域提交表单数据

我们在WEB开发中有时会遇到这种情况,比如要从A网站收集用户信息,提交给B网站处理,这个时候就会涉及到跨域提交数据的问题.本文将给您介绍如何使用jQuery来实现异步跨域提交表单数据. 在jQuery中,我们使用json数据类型,通过getJSON方法来实现从服务端获取或发送数据,而当要向不同远程服务器端提交或者获取数据时,要采用jsonp数据类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务器端应当在JSON数据前加上回调函数名,…

PHP防止跨域提交表单

在提交的服务段的数据进行验证. $servername=$_SERVER['SERVER_NAME'];//当前运行脚本所在服务器主机的名字. $sub_from=$_SERVER["HTTP_REFERER"];//链接到当前页面的前一页面的 URL 地址 $sub_len=strlen($servername);//统计服务器的名字长度. $checkfrom=substr($sub_from,7,$sub_len);//截取提交到前一页面的url,不包含http:://…

JSONP跨域提交表单

<!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" > <head> <title>Untitled Page</ti…

表单序列化+ajax跨域提交

php后台代码: use cmf\controller\HomeBaseController; use think\Db; header('Access-Control-Allow-Origin:*'); // 响应类型 header('Access-Control-Allow-Methods:*'); // 响应头设置 header('Access-Control-Allow-Headers:x-requested-with,content-type'); class IndexControl…

ajax跨域提交

ajax跨域提交如果在两个网站之间进行异步互动想要通过ajax时不可能的,因为header不支持xmlhttprequest这种方式的跨域提交. 但是jquery的ajax同时还提供了jsonp方式来解决此问题. 首先确认:jsonp 只支持get传值,因为脚本是通过script加载的url. 例子: www.test1.com/ajax_a.php $(function(){ $.ajax({ type:”post”, url:”http://www.test2.com/ajax.p…

ajax 跨域提交数据

$.ajax({ url:"http://my.demo.com/jsonp/server.php",//不同域的文件; cache: false, //是否使用缓存; error: function () { }, //错误时执行的方法; jsonp: "callback", //跨域必填参数,回调函数名,对应服务器文件中$_GET['callback']; dataType: "jsonp", // 跨域必填参数,声明jsonp 传输; su…

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"> <head> <meta http-equiv…

不使用ajax,无刷新提交表单

<form action="form_action.asp" method="get" onsubmit"check_form()" target="newIframe"> </form> form表单也有target属性,可以指向到一个iframe. 将iframe提交后通过回调函数进行操作.…

TP 框架 ajax[利用异步提交表单]

//[] $(function () { $("#send-btn" ).click(function (){ //接受表单的值 var username=$('input[name=username]').val(); var content=$('textarea[name=content]').val(); if(username==''){ alert('用户名不能为空!'); username.focus(); return ; } if(content==''){ aler…

jquery中ajax跨域提交的时候会有2次请求

我们平时在同域中请求页面什么的时候不会有这种情况,这种情况大多发生在移动端的跨域请求中发生的. 解决方法就是在服务端中加一层过滤HTTP请求的类型,把OPTION等不用的类型过滤掉.就是当请求为非 HTTP中的 GET 和 POST的时候就不执行下面的代码,这样就可以只执行一次请求了. 在ASP.NET中我们用 Request.ServerVariables["REQUEST_METHOD"] == "POST" 或者 Request.ServerVariables…

ajax.BeginForm异步提交表单并显示更新数据

view代码:  2 <div class="profile_box" id="basicInfo"> 3 <h2>基本信息</h2> 4 5 <%if (ViewData["Basic"] == "1") 6 {%> 7 <span class="c_edit&quo…

jquery ajax 跨域提交（附IE浏览器解决方案）

后台输出内容之前需要指定header("Access-Control-Allow-Origin: *"); post 之前 jQuery.support.cors = true; IE浏览器设置“工具->Internet 选项->安全->自定义级别”将“其他”选项中的“通过域访问数据源”选中为“启用”或者“提示” 对于IE浏览器不支持的情形: var url="POSTURL";if(window.XDomainRequest){ xdr = ne…

Ext.Ajax.request批量提交表单

介绍一下批量提交grid中数据的问题 js文件中的提交方法如下: listeners: { click: function btnClick(button) { var win = button.up('window'); var form = win.down("form"); var loadMarsk = new Ext.LoadMask(win, {//元素.DOM节点或id, { msg: '正在执行,请稍候...', removeMask: true// 完成后移除 });…

PHP防止跨站表单提交与同站跨页伪造表单的攻击

在以前的防止跨站攻击的时候,使用了验证提交的页面是否是同一个站点,这样可以防止普通的攻击,ereg("blog.qita.in",$_SERVER['HTTP_REFERER']) 不过也不是很安全的,因为攻击者可以伪造HTTP Referer,如 header("Referer: blog.qita.in"); 或者在恶意脚本中伪造HTTP头由于HTTP Referer是由客户端浏览器发送的,而不是由服务器控制的,因此你不应当将该变量作为一个信任源. 当然登录的…

不使用Ajax，如何实现表单提交不刷新页面

不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="multipart/form-data"表示表单既有文本数据,又有文件等二进制数据.但是使用用Ajax没有enctype="multipart/form-data",所以不能直接上传文件,所以采用FormData对象包含数据上传. 这里我们不使用Ajax,直接提交表单,添加一个隐藏得i…

关于ajax直接提交表单jQuery .validator验证不起作用问题

之前用$.ajax(function(){});直接提交表单,而表单验证不通过也能提交. $(document).ready(function(){ $.ajax({ url:"<%=request.getContextPath() %>/usernamespace/testUser.action", data:$("#frm").formSerialize(), success:function(data){ …

ajax实现跨域提交

因为现在一直用的mvc,所以就以mvc来说说ajax跨域提交. 首先说说跨域,简单说就是不同域名访问,比如在aaa.com访问bbb.com. 就拿招聘网站来说,分为两种用户,求职者和企业,求职者端是招聘官网,这是一个网站:企业所登录的是招聘管理系统,这也是一个网站. 但一般企业都是从官网选择企业登录后再进入招聘系统的(毕竟这是官网嘛),熟悉之后就会直接从招聘系统登录进入.那么在官网登录然后进入招聘系统其实这个过程就用到了跨域. 招聘系统项目的Controllers里写了登录的Action,这个…

[转]Ajax跨域请求

一.编一个服务器端servlet @RequestMapping("/haha") @ResponseBody String haha(String haha, HttpServletRequest req, HttpServletResponse resp) { //resp.addHeader("Access-Control-Allow-Origin", "null"); System.out.println(haha); System.ou…

NodeJ node.js Jquery Ajax 跨域请求

Jquery + Ajax 跨域请求说白了就是前台请求ajax数据(JSON)但是请求的数据不在本地的绝对路径下,接口数据是没有这个安全性的我对外公开的接口数据,只要你找到接口你就可以使用里面的数据 ,但是在浏览器端他做了一套机制就是不让你随意的访问别人服务器的外来接口,如果是好的数据的化你可以学习使用,如果是一些恶意数据,对服务器对个人来说都是没有安全性的,目前明白一点就是阻止跨域请求就是浏览器的原因,也算是ajax的原因,所以这个前台你是无能为力的. 解决办法: 服务器端进行权…

使用ajax异步提交表单

虽然这篇文章的标题是提交表单,但是主要的难点在于使用ajax提交文本域的内容, 在工作中的经常会需要ajax跨域的问题,通常的需求使用jsonp就可以得到解决,但是当前项目中有一个图片服务器,客户端需要直接上传图片到图片服务器中,这就产生了一个跨域post提交文件的问题,很显然jquery本身jsonp只支持get方式的异步提交肯定是不行其中也尝试过使用ifrmae的方法来提交数据,在网上有,但是效果不理想,并且也很复杂的样子,最后选择出了jquery.from.js 这个插件,可以实现异步的…

lavarel框架中如何使用ajax提交表单

开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加在网上看了很多的解决方式,我是用下面这种方法解决的: 1,首先在模板里面加上一个meta : <meta name="_token" content="{{ csrf_token() }}"/> 2,然后在ajax方法里面加 headers: {'X-CSRF-TOKEN': $('meta[name=&q…

ajax提交表单、ajax实现文件上传

ajax提交表单.ajax实现文件上传,有需要的朋友可以参考下. 方式一:利用from表单的targer属性 + 隐藏的iframe 达到类似效果, 支持提交含有文件和普通数据的复杂表单方式二:使用jquery的$.ajax({..}), 支持提交普通表单,但不支持含有文件的复杂表单; ($.post 或 $.get底层用的都是$.ajax) 方式三:使用jquery插件ajaxFileUpload.js, 支持上传文件,但不支持提交表单方式四:使用jquery.from.js,支持提交同时…

Django ajax方法提交表单，及后端接受数据

前台代码: {% block content %} <div class="wrapper wrapper-content"> <div class="blog-content"> {% for blog in blog %} <form id="formid" > {% csrf_token %} <div class="edit-title"> <b>标题<…

【ajax 提交表单】多种方式的注意事项

在业务中,可能因为表单内容过于庞大,字段过于繁杂,如果人为去拼接的话 ,需要耗费大量的时间和精力,与此同时,代码看上去也是冗余不堪. 所以,提交表单的时候如果能整个表单数据整体提交,那是非常开心的事情. 同时,有时候会有需求在前台提交给后台数据之后,希望后台能在处理之后返回数据给前台,可能是标识也好,可能是具体的数据也罢. 这时候又需要使用ajax去提交数据.[因为使用jQuery的submit()方法是没有回调函数的,那个函数只是当表单发生提交时,要同时执行的函数而已,例如:$("#poFro…

Jquery ajax提交表单几种方法

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息格式 $(selector).get(url,data,success(response,status,xhr),dataType) 请求 test.php 网页,传送2个参数,忽略返回值: $.get("test.p…

ASP.NET MVC 网站开发总结（五）——Ajax异步提交表单之检查验证码

首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般注册都需要用户填一个验证码信息(防止机器恶意注册),并且这个验证码会提交到后台去进行比对,若是错了则不会检查其他提交信息而直接返回浏览器端提示验证码错误.若是简单地用form表单直接将数据提交到指定的url,当验证码填写错误的信息返回浏览器端的时候,不可避免整个页面都会重新刷新一次,这是用户所不想要…

Validator验证Ajax提交表单的方法

Validator验证Ajax提交表单的方法转自:http://hunanpengdake.iteye.com/blog/1671360 当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form在同一个页面的情况,但是提交一个表单以后不想页面刷新或者跳转,那么我们考虑到的就是Ajax提交表单,那么如何让Jquery的validator插件也可以对异步提交的表单进行验证呢?我们继续往下看. 在这里,我就用网络上的一个例子来说明好了. 下面是一个比较常见的jquery .ajax提交表单的写法…

无法在提交表单前通过ajax验证解决办法

博主在一个小项目中,要实现注册表单无刷新验证用户名或密码,但是发现不管怎么样都无法在先通过ajax验证之前不提交表单. 例如:一个简单的验证函数 function check(){ $.post("#name")("xxx.php",{user:user}function(msg){ if(msg){return false;} }) } <form class="form" method="post" action=&…

【Ajax 跨域提交表单】的更多相关文章