讲解对jsonp简单的一个使用方法

现在jsonp很流行看见很多人都写得很复杂,现在给一个简单的调用

首先写一个服务端,创建TestHandler.ashx

[csharp]

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "application/x-javascript";

string callback = context.Request.QueryString["callback"].Trim();

string name = context.Request.QueryString["name"].Trim();

string str = callback + "([{\"SuitName\":\"" + name + "\"}]);";

context.Response.Write(str);

}

htm的代码

[html]

<div>

<input type="button" id="btn1" value="Test Handler" />

<div id="msg" style="background-color: Red; width: 100px; height: 50px">

</div>

<script type="text/javascript">

function displayResult(data) {

$("#msg")。text(data[0].SuitName);

}

$(function () {

$("#btn1")。click(function () {

var url = "TestHandler.ashx?name=majiang&callback=displayResult"

url = "http://starajax.vancl.com/GetSuitsWithLikesBySuitIds?suitIds=9396493&callback=displayResult" $.getScript(url); }); }); </script> </div> 这样及可以了希望上面这点可以对你们有所帮助。

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...