jquery读取jsonp数据示例

jquery读取jsonp数据,下面以PHP作为jsonp的返回服务端页面,用jquery的$.getJSON获取jsonp数据

示例PHP代码:

 代码如下 复制代码

$callback = $_GET["callback"];
    $a = array(
        'name'=>'张三',
        'sex'=>'男',
        'age'=>24,
        'name'=>'李四',
        'sex'=>'男',
        'age'=>26,
    );
    $result = json_encode($a);
    echo "$callback($result)";
    exit;

=======================================================

jquery代码:

 代码如下 复制代码

$.getJSON("http://你的域名 /jsonp.php?callback=?",function(json){

            console.log(json.name);
 });

测试发现getJSON 的callback  只能是 =? 不能是其他名字,如果是其他名字就提示跨域了,完整的ajax写法是可以的,如下:

 代码如下 复制代码

$.ajax({
            type: "GET",
            url:"http://你的域名/jsonp.php",
            dataType: "jsonp",
            jsonp: "callback",      //传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
            jsonpCallback:"test",   //自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
            success: function(json){
                console.log(json.name);
            },
            error: function(){
                console.log("fail");
            }
        });
    });

//用$.ajax的方式是可以执行test(arr)的
    function test(arr){
        console.log(arr.name)
    }

时间: 2024-09-20 18:00:03

jquery读取jsonp数据示例的相关文章

jquery解析JSON数据示例代码

 作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式 这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明.  这里首先给

jquery解析JSON数据示例代码_jquery

这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先给出JSON字符串集,字符串集如下: 代码如下: 复制代码 代码如下: var data=" { root: [ {name:'1',value

PHP中使用xmlreader读取xml数据示例_php技巧

有一个XML文件,内容如下: 复制代码 代码如下: <?xml version="1.0"?>  <shows>      <show>          <name>Simpsons</name>          <channel>FOX</channel>          <start>8:00 PM</start>          <duration>30

JQuery获取表格数据示例代码_jquery

有这样一个表格:  点击删除执行保存,需要执行onclick事件SaveItem("<%#Eval("ID")>",this); 在JS中 复制代码 代码如下: function SaveItem(id,btn) { var tbl = $(btn).parent().parent().parent(); //table 第二行记录 var dj = tbl.children().eq(1).chilren().eq(3).find("INPU

asp.net连接数据库读取数据示例分享

 这篇文章主要介绍了asp.net连接数据库读取数据示例,大家参考使用吧 webconfig配置:    代码如下: <connectionStrings>   <add name="MSSQL" connectionString="Data Source=localhost;Initial Catalog=test;User ID=sa;password=sa;" providerName="System.Data.SqlClient&

litjson读取数据示例

 这篇文章主要介绍了litjson读取数据示例,大家参考使用吧 1.下载并应用LitJson,DLL文件   2.建两个类:  代码如下:    public class JsonData     {         public string result { get; set; }         public List<GameData> info { get; set; }     }           public GameData()         { }         #r

js-使用jquery读取xml文件中的数据

问题描述 使用jquery读取xml文件中的数据 使用jquery读取xml文件中的数据,当加载进入页面是只加载前面10记录,其他的记录依次由页面中点击按钮后在继续加载数据 我也可以成功的可以一次性的读取全部的xml文件中的数据,但是由于数据量比较多所有需要依次慢慢的加载数据(分布加载)

jquery ajax 读取json数据存入表格中

问题描述 jquery ajax 读取json数据存入表格中 test.txt的json数据如下[{""XH"":1YWName"":""业务1""SName"":""系统1""QDName"":""渠道1""HJNumber"":5}{""XH&q

谁能提供个jquery的fullcalendar使用案例,从数据库读取日程数据的。。。

问题描述 谁能提供个jquery的fullcalendar使用案例,从数据库读取日程数据的... 解决方案 http://2015.iteye.com/blog/834805 可以下载下来,将demo中js里的数据从数据库取就可以了解决方案二:下面是我改造的代码,你只要修改myInin()中的方法,把那个ajax的注释去掉换成你的路径就ok<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://ww