jquery的jsonp用法

jsonp的形成原因: 浏览器的跨域请求限制。

浏览器是不允许直接跨域请求数据的,jsonp就是利用script标签可以跨域获取数据来工作的

步骤:

  1.建一个函数,这个函数名(如此例中的jsonpCallback是要传给后端的)

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript">
    function jsonpCallback(result) {
        //alert(result);
        for(var i in result) {
            alert(i+":"+result[i]);//循环输出a:1,b:2,etc.
        }
    }
    var JSONP=document.createElement("script");
    JSONP.type="text/javascript";
    JSONP.src="http://crossdomain.com/services.php?callback=jsonpCallback";
    document.getElementsByTagName("head")[0].appendChild(JSONP);
</script>

  2.新建一个script标签,src指向域名

  3.将script插入body中

前端部分就是如此

--------------------------------------

用jquery实现

  

        $.ajax({
            url: ‘http://10.95.192.27:8080/honeybee/zhuanti/export.action‘,
            dataType: "jsonp",
            jsonp: "topicsCallback",
            success: function(){}
        });

jsonp: 即与后端定好的名称。具体的处理函数在success里

时间: 2024-10-03 23:02:26

jquery的jsonp用法的相关文章

jQuery的jsonp跨域是这么回事.

实现跨域请求的有iframe,img,script中的src属性.那么jquery是如何解决跨域请求的呢? 一:项目jsonp2中有个app.js文件,代码如下: function app(json){ alert(json['name']); } 项目jsonp1中的index.html <script type="text/javascript" src="http://127.0.0.1:8020/jsonp2/js/app.js"></sc

jquery ajax jsonp跨域调用实例代码

今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友 客户端代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApp.WebForm1" %><!DOCTYPE html P

JQuery+ajax+jsonp 跨域访问

Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料. 关于Jsonp更详细的资料请参考http://baike.baidu.com/view/2131174.htm,下面给出例子: 一.客户端 Html代码   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.

jQuery的基本用法:

随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名 的有Prototype.YUI. jQuery.mootools.Bindows以及国内的JSVM框架等, jQuery是继prototype之后的又一个优秀的Javascript框架.它是由 John Resig 于 2006 年初创建 的,它有助于简化 JavaScript 以及Ajax 编程. 它具有如下一些特点: 1. 代码简练.语义易懂.学习快速.文档丰富. 2. jQuery是一个轻量

jQuery $.post $.ajax用法

jQuery $.post $.ajax用法 jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示. callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法). type (Stri

MVC4 jquery 样式 主题 用法(案例)

MVC4已经自带了jquery,新建的项目,基本上什么都不用添加就可以运行,跑项目.(集成了那么多东西,jquery,modernizr,自带的默认权限,生成的模板,但是缺没有一个统一的文档或者什么去介绍已经集成的东西,怎么个用法 各种百科) 第一步: [项目]-[管理NuGet程序包] 点击更新 输入jquery ui 然后更新jquery ui插件到最新版本 第二步: 在项目中 [view]-[Shared]-[_Layout.cshtml] 公共界面 统一引用 方便以后修改. @Scrip

jQuery ajax jsonp 使用模型

jQuery对ajax的支持 $.ajax({ //json形式数据 url: "DemoServlet", method: "post", data:{ //此处表示向服务器端传递的参数 msg: "msg的数据" did: "did的数据" }, dataType: "text", //"xml" "json" //服务器端处理后的响应方式 success: fu

jQuery Template的用法

Javascript代码中不要包含HTML: var div = document.getElementById("my-div"); div.innerHTML = "<h3>Error</h3><p>Invalid e-mail address.</p>"; 在Javascript代码中完全隔绝HTML很难,这一点可以根据实际情况来权衡使用.Javascript 模版技术就是一种有效隔离HTML和Javascrip

jquery中cookie用法实例详解(获取,存储,删除等)

这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cookie的获取,存储,删除等操作,并附带了Jquery操作Cookie记录用户查询过信息实现方法,需要的朋友可以参考下 本文实例讲述了jquery中cookie用法.分享给大家供大家参考,具体如下: cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法. 使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现co