js跨域提交表单【详细教程,包解决】

下面是前台js代码部分

$.ajax({
                url: "http://tttcuxiao.uz.taobao.com",<span style="white-space:pre">	</span>//这里是提交url例子链接
                type: "get",<span style="white-space:pre">	</span>//jsonp必须是get方式,post不支持,注意
                dataType: "jsonp",
                data: $("#inquiryform").serialize(),
		jsonp: "callback",
                jsonpCallback: "flightHandler",//可以自定义修改,懒的人可以直接?就可以了
                beforeSend: function () {
                    $("#inquirypost").val("loading...");
                },
                success: function (msg) {
                    if(msg.txt=="success"){ //msg.txt对应下面后台代码
			$("#inquirypost").val("Sended");
                        alert("Your inquiry Submitted Successfully");
                    }
                    else{
			$("#inquirypost").val("Failed");
			alert(msg.txt);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $("#inquirypost").val("error");
                    alert("net error,please again!");
                }
            });

下面是url页面后台的代码部分

string msg = "flightHandler({\"txt\": \"success\"})";//这里flightHandler对应上面的自定义回调名称,txt对应msg.txt
Response.Write(msg);
Response.End();

是不是很简单就实现了呢,如果不懂可以随时call我qq 1254584012

时间: 2024-11-09 06:31:13

js跨域提交表单【详细教程,包解决】的相关文章

jquery Ajax 通过jsonp的方式跨域提交表单

Jquery Ajax可以通过jsonp的方式跨域提交表单,至于什么是跨域提交简单说就是你的客户端和服务端不在同一个域名下或端口号不同也可以叫做跨域. 前台代码: $.ajax({ type : 'get', async: false, url : '${pageContext.request.contextPath}/clue/uploadForm', dataType : 'jsonp', data: { mydata : JSON.stringify(obj,fm), formId : f

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

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

C#使用jsonp进行跨域提交表单

跨域提交留言,并返回是否成功! C#服务端: public void FeedBackPost(string name, string email, string tel, string website, string desc, string thisIp, string sourse, string callBack) { try { Response.ContentType = "application/x-javascript"; string str = callBack;

js XMLHttpRequest + FormData 跨域提交表单上传文件

funUploadFile : function(file){ var self = this; // 在each中this指向没个v 所以先将this保留 var formdata = new FormData(); formdata.append("index", file.index); formdata.append("fileList", file); var xhr = new XMLHttpRequest(); if ("withCreden

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

js模拟支付宝提交表单

弄过支付宝的程序员可能都知道,里面有很多地方都用到了自提交表单的方式,支付宝的接口通过请求API的形式取得服务器返回的表单字符串,使用out.print("表单字符串")在jsp页面上自提交表单.这种做法虽然很少有人使用,但是它也有着自身的价值,例如有的时候在js内部要提交一个完整的表单但是又不能使用ajax提交,这种时候这种思想就能发挥作用了 封装表单的js如下 var formStart="<form id=\"userForm\" name=\

js无刷新提交表单

$("#form1").attr("target", "frameFile"); $("#form1").submit(); <iframe id='frameFile' name='frameFile' style='display: none;'></iframe> 将表单提交目标指向隐藏的iframe,用iframe代替form提交

html Js跨域提交数据

MVC实现方式: [ActionAllowOrigin][HttpPost]public JsonResult Cooperation() { return json(); } 在方法前面加上[ActionAllowOrigin] 这个方法是自定义的继承自AuthorizeAttribute public class ActionAllowOriginAttribute : AuthorizeAttribute { public override void OnAuthorization(Sys

js 禁止回车提交表单

//禁止按回车提交 $(document).ready(function(){ $("input[@type='text']").each( function(){ $(this).keypress( function(e) { var key = window.event ? e.keyCode : e.which; if(key.toString() == "13"){ return false; } }); }); })