zoukankan      html  css  js  c++  java
  • json与jsonp应用及其他ajax数据交互方式

    1、json是数据交换格式,使用实例如下:

    1 $.getJSON(
    2                 '/manage/asset/asset_delByIds.action',
    3                 {
    4                     'ids':id
    5                 },
    6                 function(data){
    7                     $('#alertdiv').savehandle('handle',data,2000);
    8                 }
    9             );

    2、jsonp为一种数据交互协议,支持跨域访问数据,使用实例如下:

    1)、jsonp插件应用

     1 $.jsonp({
     2                     url:"",
     3                     data: { url: checked[i].normalPic },
     4                     callbackParameter: "callback",
     5                     success: function (data, textStatus, xOptions) {
     6                         $('#alertdiv').savehandle('handle',data,2000);
     7                     },
     8                     error: function (xOptions, textStatus) {
     9                     }
    10                 });

    2)、ajax配置

     1  $.ajax({  
     2                     url:"http://10.10.4.11:3333/imageserver/image/remove.action",
     3                     data: { url: checked[i].normalPic },  
     4                     dataType:'jsonp',  
     5                     jsonpCallback:'callback',  
     6                     success:function(data) {  
     7                         console.log(data);
     8                         $('#alertdiv').savehandle('handle',data,2000); 
     9                     },  
    10                     timeout:3000  
    11                 }); 

    3、$.ajax({option})将远程数据加载到XMLHttprequest对象中。

    4、$().load(url,data,callback)把远程数据加载到被选元素中。

    5、$.get(url,data,callback,type)使用HTTP Get加载远程数据。

    6、$.getJson(url,data,callback)使用http GET加载远程json数据。

    7、$.post(url,data,callback)使用http Post加载远程数据。

    8、$.getScript(url,callback)加载并执行远程js文件。

  • 相关阅读:
    CF767C Garland
    P2458 [SDOI2006]保安站岗
    P2704 [NOI2001]炮兵阵地
    P2607 [ZJOI2008]骑士
    POJ 1201 Interval (查分约束系统)
    位运算的魅力---N皇后问题
    设计模式之代理模式20170724
    C之Volatile关键字的介绍与使用20170724
    设计模式之桥梁模式20170721
    设计模式之策略模式20170720
  • 原文地址:https://www.cnblogs.com/weilantiankong/p/4602645.html
Copyright © 2011-2022 走看看