• 前端_jsonp用法


    JSP的后台例子:
    String paramS= request.getParameter("paramStr");
    String callback = request.getParameter("callback");
    out.println(callback + "('" + serverSide.exec(paramS) + "')");

    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
    function(data){
      $.each(data.items, function(i,item){
        $("<img/>").attr("src",
    item.media.m).appendTo("#images");
        if ( i == 3 ) return false;
      });
    });


    =============================================jquery用法
    <script>
    $(document).ready(function(){
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
    function(data){
    $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
    });
    });
    });
    </script>
    jsoncallback=?,其中?会自动替换为function(data)函数。


    2. $.ajax
    $.ajax({
    dataType: 'jsonp',
    data: 'id=10',
    jsonp: 'jsonp_callback',
    url: 'http://www.yiwuku.com/getdata',
    success: function () {
    // do stuff
    },
    });

    http://dagmom.iteye.com/blog/1632340             问题解决登陆地址
    ================================================解决登陆的问题
    $.getJson('http://192.168.1.101:7080/B/loginAction.action?loginName=www&password=wwww&jsonCallback=?',function(data){
      if(data && data[0] && data[0].status == '1'){
      location.replace('http://192.168.1.101:7080/B/loginAction.action');
      });
     
     
      服务器端的代码我就不写了,无非就是通过session和cookie来判断是否登录。
     
     
     
     
     
     
      <script type="text/javascript">
        $(document).ready(function(){
            $.ajax({
                 url:'http://192.168.9.5/jsonp_proc.asp',
                 dataType:"jsonp",
                 jsonp:"jsonpcallback",
                 success:function(data){
                     var $ul = $("<ul></ul>");
                     $.each(data,function(i,v){
                         $("<li/>").text(v["id"] + " " + v["name"]).appendTo($ul)
                     });
                     $("#res").append($ul);
                 }
            });
        });
    </script>


    //后台代码
      jsonp = request("jsonpcallback")
      str = "[{""id"":""1"",""name"":""测试1""},{""id"":""2"",""name"":""测试2""}]"
      str = jsonp & "(" & str&")"
      response.Write(str)
     
      ///////////////////////////
     
     
      $.getJSON(  "http://192.168.0.66/services/WebService1.asmx/ws?callback=?",  { name: "ff", time: "2pm" },  function(data) { alert(decodeURI(data.msg)) }  );
     
      ////后台代码
     
     
     
      ///////
      样式代码
      把 jsonp 换成 json
    dataType: 'json',
    jquery 会把收到的字条串解析成对象,
    如:目标ulr会得下面字符 {"s":"1"}
    data = {"s":"1"}
    data.s == 1
      ////
     
      public void ws(string name,string time) {  HttpRequest Request = HttpContext.Current.Request;  string callback = Request["callback"];  HttpResponse Response = HttpContext.Current.Response;  Response.Write(callback + "({msg:'this is"+name+"jsonp'})");  Response.End();  }

  • 相关阅读:
    Ubuntu16.04安装openldap和phpldapadmin
    Java 8 中的抽象类和接口到底有啥区别?
    Redis 开发陷阱及避坑指南!
    Java 中的 6 颗语法糖
    Java 8 有多牛逼?打破一切你对接口的认知!
    Git操作常用的命令都在这里了。
    Github 太狠了,居然把 "master" 干掉了!
    微服务业务日志收集方案,写得非常好!
    Maven基本介绍与安装
    IntelliJ IDEA 调试 Java 8 Stream,实在太香了!
  • 原文地址:https://www.cnblogs.com/logep/p/3559597.html
Copyright © 2020-2023  润新知