<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. 一键部署redis-5.0.5

    #!/bin/bash echo "-------------------------------------" echo -e "\e[1;33m 下面开始部署redi ...

  2. go组合

    package main import "fmt" func main() { aa := []string{"a", "b", " ...

  3. sqlserver ef 分页

    sqlserver分页常用的有两种: 1.利用row_number set statistics time on; -- 分页查询(通用型) select top pageSize * from (s ...

  4. Java 接口内容小结

    Java接口学习:https://www.cnblogs.com/mlllily/p/14923837.html 小结内容: 在Java9+版本中,接口内容可以有常量.抽象方法.默认方法.静态方法.私 ...

  5. linux 查询目录文件大小

  6. 手把手XTTS_V4迁移

    最近公司Oracle升级,考虑到停机时间等综合因数,最终选择了xtts数据迁移方案. 为此我整理了一份操作手册,方便以后查阅. 关于xtts的介绍可以参见这篇文章: <XTTS,又一个值得你重视 ...

  7. Spring Security 自定义认证逻辑

    Spring Security 自定义认证逻辑 这篇文章的内容基于对Spring Security 认证流程的理解,如果你不了解,可以读一下这篇文章:Spring Security 认证流程 . 分析 ...

  8. 063_Apex 的 Test类说明

    @isTest public class TestUtil { public static void createTestAccounts() { // Create some test accoun ...

  9. 048_Search Lookup

    The Problematic Situation:When you add any lookup in Salesforce on a layout from one object to anoth ...

  10. 第六章 mysql日志

    第六章 mysql日志 一 错误日志 错误日志的默认存放路径是 mysql 存放数据的地方  hostname.err 1. 修改错误日志存放路径 [mysqld] log-error=/data/m ...