新手,跨域查询订单

jerry thinkphp 2015年11月19日 收藏
通过接口实现
  1. <meta charset="utf8">
  2. <input type="checkbox" name="year" onclick="fun5(1)" />2015<>br/><br/><br/>
  3. <input type="text" id="much" />订单号<br/>
  4. <input type="button" value="查询" onclick="a()" />
  5. <div id="show">
  6. <table>
  7.     <tr>
  8.         <td>订单号</td>
  9.         <td>派送方式</td>
  10.         <td>派送时间</td>
  11.         <td></td>
  12.     </tr>
  13.     <tr >
  14.         <td><span id="muc" onclick="b()"></span></td>
  15.         <td><span id="type"></span></td>
  16.         <td><span id="tim"></span></td>
  17.         <td><span id="goodsname"></span></td>
  18.     </tr>
  19. </table>
  20. </div>
  21. <div id="page"></div>


  22. <script src="__PUBLIC__/jquery-1.8.3.js"></script>
  23. <script>
  24.     function a(){
  25.         var much = $("#much").val();
  26.         $.ajax({
  27.             url:"http://www.myhtml.com/a.php?id="+much,
  28.             type:'GET',
  29.             dataType:'jsonp',
  30.             jsonpCallback:'show',
  31.             success:function(a){
  32.                 //alert(a.much)
  33.                 if(a.much == undefined){
  34.                     $("#muc").html(a.error)
  35.                 }else{
  36.                     $("#muc").html(a.much);
  37.                     $("#type").html(a.type);
  38.                     $("#tim").html(a.tim);
  39.                 }
  40.             }
  41.         })
  42.     }

  43.     function b(){
  44.         //alert("123")
  45.         var much = $("#much").val();
  46.         //alert(much)
  47.         $.ajax({
  48.             url:"http://www.myhtml.com/b.php?id="+much,
  49.             type:'GET',
  50.             dataType:'jsonp',
  51.             jsonpCallback:'show',
  52.             success:function(a){
  53.                     $("#goodsname").html(a.goodsname);
  54.             }
  55.         })
  56.     }

  57.     function fun5(page){
  58.         $.ajax({
  59.             url:"http://www.myhtml.com/c.php?id="+2015+"&page="+page+"&num="+3,
  60.             type:'GET',
  61.             dataType:'jsonp',
  62.             jsonpCallback:'show',
  63.             success:function(a){
  64.                 var op = "";
  65.                     $.each(a,function(index,val){   // 解析出data对应的Object数组  
  66.                         //alert()
  67.                             op+="<li>订单号:"+val.much+"  派送方法:"+val.type+"  派送时间:"+val.tim+"</li>";
  68.                     });
  69.                     op = "<ul>"+op+"</ul>";
  70.                     $("#show").html(op)
  71.                     
  72.             }
  73.         })
  74.         var page = "<a href='javascript:void(0)' onclick='fun5("+(page-1)+")'>上一页</a>  <a href='javascript:void(0)' onclick='fun5("+(page+1)+")'>下一页</a>";
  75.         $("#page").html(page);
  76.     }

  77. </script>