跨域用ajax处理并返回处理状态

<script type="text/javascript">
        $(function () {
            $("#submitBtu").bind("click", function () { submitData(); })
        })
        function submitData() {
              var stuName = $("#stuName").val();
              var stuPhone = $("#stuPhone").val();
              if (stuName == "" || stuPhone == "") {
                  alert("请填写完整!");
                  return;
              }
              $.ajax({
                  type: "get",
                  url: "url" + new Date().getTime(),//api路径
                  data: { Name: stuName, Phonesdfd: stuPhone },
                  async: false,
                  cache: false,
                  dataType: ‘jsonp‘,
                  jsonp: "callbackfun", //传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
                  jsonpCallback: "jsonpCallback",
                  success: function (data) {
                      }
              });
       }
       function jsonpCallback(data) //回调函数
        {
            alert(data.rtn + "," + data.message); //
        }
    </script>

<table>
<tr><td align="left">真实姓名:</td><td align="right"><input type="text" id="stuName" value="" /></td></tr>
<tr><td align="left">电话号码:</td><td align="right"><input type="text" id="stuPhone" value="" /></td></tr>
<tr><td align="center" colspan="2"><input type="button" value="确定"  id="submitBtu"/></td></tr>
</table>

跨域代码:

public void Add(string Name, string Phonesdfd)
        {
            if (string.IsNullOrEmpty(Name) || string.IsNullOrEmpty(Phonesdfd))
            {
                Response.Write("jsonpCallback({rtn:\"0\",message:\"真实姓名和电话号码为必填项!\"})");
                return;
            }
            Regex dReg = new Regex(@"1[3|4|5|7|8]\d{9}$");//[0-9]{11,11}
            if (!dReg.IsMatch(Phonesdfd.Trim()))
            {
                Response.Write("jsonpCallback({rtn:\"0\",message:\"手机号码有误,请重新填写!\"})");
                return;
            }
            bool result = .....................................................................
            string messageStr = "";
            if (result)
            {
                messageStr = "jsonpCallback({rtn:\"1\",message:\"报名成功!\"})";
            }
            else
            {
                messageStr = "jsonpCallback({rtn:\"-1\",message:\"已经报名!\"})";
            }
            Response.Write(messageStr);
        }

时间: 2024-10-07 23:50:54

跨域用ajax处理并返回处理状态的相关文章

JavaScript之Ajax-7 Ajax跨域请求(Ajax跨域概述、Ajax跨域实现)

一.Ajax跨域概述 同源策略 - 同源策略(Same origin policy)是一种约定,它是浏览器的核心也最最基本的核心.如果少了同源策略,则浏览器的正常功能可能都会收到影响.可以说Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现 - 它是由 Netscape 提出的一个著名的安全策略 - 现在所有支持 JavaScript 的浏览器都会使用这个策略 - 所谓同源策略是指,域名.协议.端口相同 域名概述 - 域名(Domain Name) 是由一串用点分隔的名字组成的In

session跨域和ajax跨域名

后台跨域和ajax跨域名: 后台跨域: www.baidu.com   主域名(一级域名一般以www开头) news.baidu.com   二级域名 (a.test.com和b.test.com有相同的域,和test.a.com不是同一个域) 同一个域下可以使用setcookie( '名字' , 'session_id' , 'time()+3600' , '/' , '域' );来存储session_id. 例如:a.php在a.test.com下    b.php在b.test.con下

JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被当作是不同的域. 下表给出了相对 http://store.company.com/dir/page.html 同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 1.通过jsonp跨域[解决ajax跨域] 在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的

【转】JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被当作是不同的域. 下表给出了相对http://store.company.com/dir/page.html 同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 1.通过jsonp跨域 在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的.但是,在页面上引入不

Jsonp实现跨域请求Ajax

客户端 #!/usr/bin/env python import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self, *args, **kwargs): self.render('index.html') def post(self, *args, **kwargs): self.render('index.html') settings ={ 'templa

跨域请求ajax jsonp的使用解惑

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" > 3 <head> 4 <title>Untitled Page&

关于跨域的ajax

$.getJSON("http://query.yahooapis.com/v1/public/yql?callback=?", { q: "select * from json where url='http://baidu.kuaidi100.com/query?type=tiantian&postid=886511927358&id=4'", format: "json" }, function(data) { var $c

AJAX跨域实现

原理:在同域中建立一个用于请求 别的域的代理程序,并将返回的内容发给客户端,客户端指向同域的这个代理程序 1. 客户端编写 // 其它部分都一样 //2.注册回调方法 callback xmlhttp.onreadystatechange = callback; //获取客户端内容 var userName = document.getElementById("UserName").value; //进行编码解决 中文乱码 userName = encodeURI(encodeURI(

AJAX请求和跨域请求详解(原生JS、Jquery)

一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 本博客实验环境: python:2.7.11 web框架:tonado jquery:2.1.1 二.“伪”AJAX 由于