<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="../Scripts/jquery-1.7.2.min.js"></script>

    <script src="../Scripts/JSON-js-master/json2.js"></script>

    <script type="text/javascript">

        $(function () {

            $.ajax({

                type: "GET",

                dataType: "jsonp",//jsonp,json

                //contentType: "application/json; charset=utf-8;",

                async: true,

                jsonp: 'callback',     //传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)

                jsonpCallback: 'jsonpCallback',//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名

                //url: 'GetLocation.ashx',

                data: { name: 'zdl' },

                url: 'http://localhost:8099/GetLocation.ashx',

                success: function (jsonData) {

                    console.log(jsonData);

                    //alert(JSON.stringify(jsonData));

                    var a = JSON.stringify(jsonData);

                    console.log(a);

                    alert(jsonData.message);

                    alert(1);

                },

                error: function (request, textStatus, errorThrown) {

                    //console.log(request.responseText);

                    //console.log(textStatus);

                    //console.log(errorThrown);

                    alert(2);

                }

            });

        })

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    </div>

    </form>

</body>

</html>

　　

<%@ WebHandler Language="C#" Class="GetLocation" %>

using System;

using System.Web;

public class GetLocation : IHttpHandler

{

    public void ProcessRequest(HttpContext context)

    {

        #region 方式1

        //string callback01 = context.Request["callback"];

        //context.Response.Write(callback01 + "( [ { message:\"John\"} ] )");

        #endregion

        #region 方式2

        //string callback02 = context.Request["callback"];

        //context.Response.Write(callback02 + "( { message:\"John\"}  )");

        #endregion

        #region 方式3

        var callback03 = context.Request["callback"];  //获得请求端回调函数

        var data = "{" + "message:'" + context.Request["name"] + "'," + "id:'0001'" + "}";

        var jsonp = callback03 + '(' + data + ')';

        context.Response.Write(jsonp);

        #endregion

    }

    public bool IsReusable

    {

        get

        {

            return false;

        }

    }

}

　　参考：http://www.cnblogs.com/know/archive/2011/10/09/2204005.html

跨域请求 jQuery的ajax jsonp的使用的更多相关文章

  1. 跨域请求jQuery的ajax jsonp使用常见问题解答

    前天在项目中写了ajax jsonp的使用,出现了问题:能够成功获得请求结果,但没有运行success方法,直接运行了error方法提示错误--ajax jsonp之前并没实用过.对其的理解为跟普通的 ...

  2. Ajax跨域请求 同源策略与Jsonp

    同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响.可以说Web是构建在同源策略基础之上的 ...

  3. ajax跨域请求解决方案 CORS和JSONP

    什么是跨域: 只要协议.域名.端口有任何一个不同,都会被当成不同的域.而由于浏览器的同源策略(同源策略:域名.协议.端口均相同),浏览器之间要隔离不同域的内容,禁止互相操作,不能执行其他网站的js.所 ...

  4. Jquery跨域请求php数据（jsonp）

    Jquery跨域请求php数据 我们一般用到ajax的时候是在同服务器下,一般情况下不会跨域,但有时候需要调用其他域名或ip下的数据的时候,遇到跨域请求数据的时候. 今天在工作中碰到javascrip ...

  5. SpringBoot多跨域请求的支持（JSONP）

    在我们做项目的过程中,有可能会遇到跨域请求,所以需要我们自己组装支持跨域请求的JSONP数据,而在4.1版本以后的SpringMVC中,为我们提供了一个AbstractJsonpResponseBod ...

  6. Ajax跨域请求附带Cookie/Ajax跨域请求附带身份凭证

    一.跨域请求中默认不带cookie等验证凭证 尤其对于post请求. 对于ajax请求,其中post,get都可以正常访问. withCredentials: false, // 允许携带cookie ...

  7. 跨域访问 - 跨域请求 同源策略概念对跨域请求的影响 及几种解决跨域请求的方法如 jsonp

    为什么会设置同源策略 > 适用于浏览器的一种资源访问策略 > 同源策略(Same origin policy)是一种约定,它是浏览器最核 心也最 基本的安全功能,如果缺少了同源策略,则浏览 ...

  8. jquery ajax跨域请求详解

    本文章来给大家详细jquery中的ajax跨域请求, 在JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式.分别是JQuery的jquery.ajax jsonp格式和jque ...

  9. AJAX请求和跨域请求详解（原生JS、Jquery）

    一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数 ...

  10. JQuery的Ajax跨域请求的

    JQuery的Ajax跨域请求的(Ajax) 什么是jsonp格式呢?API原文:假设获取的数据文件存放在远程server上(域名不同.也就是跨域获取数据),则须要使用jsonp类型.使用这样的类型的 ...

随机推荐

  1. pip修改镜像源

    # 单独一次下载软件 pip install markdown -i https://pypi.tuna.tsinghua.edu.cn/simple # 全局修改 pip config set gl ...

  2. hyperledger explorer 环境搭建

    ### nodejs 下载nodejs二进制包: wget https://nodejs.org/dist/v12.16.2/node-v12.16.2-linux-x64.tar.xz 解压xz数据 ...

  3. hnsw

    Hnswlib - fast approximate nearest neighbor search Header-only C++ HNSW implementation with python b ...

  4. python setup.py install 安装、删除。

    # python install 安装.卸载 python setup.py install --record files.txt cat files.txt | xargs rm -rf

  5. h5项目

    h5项目,用vue3,用vite搭建就好,是一个新的项目. 接口还在开发,可以用mock模拟. 现有信息:接口url,ui-url,原型url(各部分的交互关系)

  6. Java 04-基础 数据类型转换 自动类型转换+强制类型转换

    1.数据类型自动转换 规则1:如果一个操作数为double型,则整个表达式提示至double型 规则2:满足自动类型转换条件,   两种类型要兼容,数值类型(整数和浮点)相互兼容   目标类型取值大于 ...

  7. eclipse的快捷键都有哪些

    非常实用的快捷键 Ctrl+D: 删除当前行 Ctrl+Alt+↓: 复制当前行到下一行 Ctrl+Alt+↑: 复制当前行到上一行 Alt+↓: 当前行和下面一行交互位置 Alt+↑: 当前行和上面 ...

  8. QListWidget调用Clear时报错：ASSERT failure in QList<T>::at: "index out of range"的解决方法

    原因:连接了信号currentRowChanged(int)和槽,当选中其中的一行时,在调用Clear函数就会报错. 解决方法:不连接currentRowChanged(int)信号和槽,改为连接it ...

  9. MongoDB和sql语句的对照

    左边是mongodb查询语句,右边是sql语句.对照着用,挺方便. db.users.find() select * from users db.users.find({"age" ...

  10. Java 多线程 术语

    并行和并发:并发偏重于多个任务交替执行.并行是真正意义上的"同时执行".但两者的最终效果是一样的: 同步和异步:同步是指在同一时间里,一个同步方法调用后需要返回后,才能继续后续的行 ...