<!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</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$.ajax({
type : "get",
async:false,
url : "ajax.ashx",
dataType : "jsonp",
jsonp: "callbackparam",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
success : function(json){
alert(json);
alert(json[0].name);
},
error:function(){
alert('fail');
}
});
var a="firstName Brett";
alert(a);
});
</script>
</head>
<body>
</body>
</html>
<%@ WebHandler Language="C#" Class="ajax" %>
using System;
using System.Web;
public class ajax : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string callbackFunName = context.Request["callbackparam"];
context.Response.Write(callbackFunName + "([ { name:\"John\"} ] )");
}
public bool IsReusable {
get {
return false;
}
}
}
分享到：
相关推荐
ajax跨域请求,jquery.jsonp插件
在这个实例中，我们使用 jQuery 的.ajax() 方法来发送 POST 请求，并指定 dataType 为 jsonp，以便使用 JSONP。 ```javascript $.ajax({ type: "post", url: "ajax.php", dataType: "jsonp", jsonp: "callback...
在本案例中，我们将探讨如何使用Jquery和ajax通过JSONP方式来调用新浪的API，将长网址转换为新浪的短网址。 首先，我们需要了解JSONP的工作原理。JSONP的基本思路是服务器提供一个JavaScript函数，这个函数接收JSON...
在jQuery中，使用JSONP主要通过`$.ajax()`或`$.getJSON()`方法，通过设置`dataType`为'jsonp'来启用这个功能。例如： ```javascript $.ajax({ url: 'http://otherdomain.com/data', dataType: 'jsonp', success:...
本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求，以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先，理解JSONP的基本原理。JSONP是一种非官方的协议，通过动态创建`...
7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON...
jQuery是一个广泛使用的JavaScript库，它提供了丰富的API来处理DOM操作、事件处理、动画以及Ajax交互。在jQuery中，JSONP是一种实现跨域Ajax请求的方法，尤其适用于那些不支持CORS（Cross-Origin Resource Sharing）...
jQuery-JSONP jQuery-JSONP 是 jQuery 的 JSONP 实现的一个紧凑（1.8kB 缩小）但功能丰富的替代解决方案。 许可 ... 例如，从 2.3.0 版本开始，$.jsonp() 在与 jQuery 1.5+ 结合使用时会返回一个 prom
**Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中，Ajax技术被广泛用于实现页面的异步更新，但浏览器的同源策略（Same-Origin Policy）限制了Ajax请求只能向同源（协议、域名、端口均相同）的服务器发送。这在...
总结起来，Ajax与Jsonp的结合使用能够让我们在Jquery中轻松地实现跨域数据交互，从而提升Web应用的功能性和用户体验。在实际开发中，需要注意处理可能出现的错误情况，以及合理设计API接口的调用，以保证应用的稳定...
在JavaScript的世界里，由于同源策略的限制，浏览器禁止了不同源之间进行AJAX通信，但JSONP（JSON with Padding）作为一种巧妙的方式，允许我们绕过这个限制，实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...
jQuery跨域访问，封装的ajax 代码，我使用的jQuery版本是1.11.3
jsonp 解决的是跨域 ajax 调用...今天，发现 jsonp 的另外一个限制（在jquery ajax的场景下） —— 不会触发 $.ajax 的error callback，示例代码如下： 代码如下:$.ajax({ dataType: ‘jsonp’, error: function (xh
**jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库，由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP（Ajax）请求，使得开发者能够轻松地与服务器进行数据交互，实现页面的局部刷新，提高...
jQuery AJAX JSONP 跨域调用是Web开发中解决同源策略限制的一种方法，它允许JavaScript从不同域名的服务器上获取数据。同源策略是浏览器实施的安全策略，阻止了一个源的文档或脚本访问另一个源的属性。JSONP（JSON ...
【jQuery使用JSONP时产生的错误】 在理解如何解决jQuery使用JSONP时的错误之前，首先需要了解跨域和JSONP的基本概念。 跨域是指在不同的域之间进行数据交互，通常受到浏览器同源策略的限制。同源策略规定，一个网页...
1. **jQuery AJAX基本使用** - `$.ajax()`: 这是jQuery中最核心的AJAX函数，用于发起一个完整的AJAX请求。参数包括URL、类型（GET或POST）、数据、回调函数等。 - `$.get()`: 用于发起GET请求，简化了`$.ajax()`的...
综上所述，"jquery ajax demo"涵盖了jQuery AJAX的基本用法和高级特性，以及如何与jQuery UI结合使用，提供了一套完整的实践教程。通过这些知识，开发者能够高效地实现异步数据通信，提升Web应用的用户体验。
在jQuery中，我们可以方便地使用`$.ajax`或`$.getScript`方法实现JSONP。例如： ```javascript $.ajax({ url: 'http://example.com/data', dataType: 'jsonp', jsonp: 'callback', // 自定义回调函数名 success...