关于jsonp获取数据的问题 5C

我现在找到了一个可以查询快递信息的jsonp接口http://api.open.baidu.com/pae/channel/data/asyncqury?cb=回调函数&appid=4001&com=快递公司&nu=快递单号

先不给回调函数,查询示例如下http://api.open.baidu.com/pae/channel/data/asyncqury?cb=&appid=4001&com=zhongtong&nu=402364452772

这样得到的确实是标准的json数据(各位可以点击上面的地址去看看)。

但是我用jsonp却只能得到该数据的前两个属性,第三个属性就为undefined了。我的代码如下:

    var  queryStr="http://api.open.baidu.com/pae/channel/data/asyncqury?cb=handleResponse&appid=4001&&com=zhongtong&nu=402364452772";
  var script=document.createElement("script");
  script.src=queryStr;
  document.body.insertBefore(script,document.body.lastChild);

        function handleResponse(response) {
            console.log(response);
  }

理论上打印出的这个response应该就是完整的快递信息json对象,然而得到的却只有该对象前两个属性。请教各位这是哪里出了问题?


谢谢各位,现在发现用HTML文档运行这段代码确实没有任何问题。但是我这个项目是用smarty模板写的,是用php打开这个html文档的,这样就不能得到正确结果了。。。是php不支持jsonp还是smarty不支持jsonp?求教~

2个回答

图片说明

看的正常啊。

u011218527
阿琛Bonnie 嗯嗯,我试了下,直接打开html文件结果是正确的。。。然而我这个html文件是用php打开的,这样结果就是错的。。。。好郁闷,难道php不支持里面嵌入的html使用jsonp?
接近 4 年之前 回复

我给你一个基于PHP的查询快递物流信息的API接口

1.KuaidiAPI.php

<?php
/**

  • Created by http://www.kuaidi.com
  • User: kuaidi.com PHP team
  • Date: 2016-03-02
  • 物流信息查询接口SDK
  • QQ: 2885643506
  • Version 1.0 */

class KuaidiAPI{

private $_APPKEY = ''; 

private $_APIURL = "http://highapi.kuaidi.com/openapi-querycountordernumber.html?";

private $_show = 0;

private $_muti = 0;

private $_order = 'desc';

/**
 * 您获得的快递网接口查询KEY。
 * @param string $key
 */
public function KuaidiAPi($key){
    $this->_APPKEY = $key;
}

/**
 * 设置数据返回类型。0: 返回 json 字符串; 1:返回 xml 对象
 * @param number $show
 */
public function setShow($show = 0){
    $this->_show = $show;
}

/**
 * 设置返回物流信息条目数, 0:返回多行完整的信息; 1:只返回一行信息
 * @param number $muti
 */
public function setMuti($muti = 0){
    $this->_muti = $muti;
}

/**
 * 设置返回物流信息排序。desc:按时间由新到旧排列; asc:按时间由旧到新排列
 * @param string $order
 */
public function setOrder($order = 'desc'){
    $this->_order = $order;
}

/**
 * 查询物流信息,传入单号,
 * @param 物流单号 $nu
 * @param 公司简码 $com 要查询的快递公司代码,不支持中文,具体请参考快递公司代码文档。
 * @throws Exception
 * @return array
 */
public function query($nu, $com=''){
    if (function_exists('curl_init') == 1) {

        $url = $this->_APIURL;

        $dataArr = array(
            'id' => $this->_APPKEY,
            'com' => $com,
            'nu' => $nu,
            'show' => $this->_show,
            'muti' => $this->_muti,
            'order' => $this->_order
        );

        foreach ($dataArr as $key => $value) {
            $url .= $key . '=' . $value . "&";
        }

        // echo $url;

        $curl = curl_init();
        curl_setopt($curl, CURLOPT_URL, $url);
        curl_setopt($curl, CURLOPT_HEADER, 0);
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($curl, CURLOPT_TIMEOUT, 10);
        $kuaidresult = curl_exec($curl);
        curl_close($curl);

        if($this->_show == 0){
            $result = json_decode($kuaidresult, true);
        }else{
            $result = $kuaidresult;
        }

        return $result;

    }else{
        throw new Exception("Please install curl plugin", 1); 
    }
}

}


2.example.php
<?php

include 'KuaidiAPI.php';

//修改成你自己的KEY
$key = 'c684ab43a28bc3caea53570666ce9762';

$kuaidichaxun = new KuaidiAPi($key);

//设置返回格式。 0: 返回 json 字符串; 1:返回 xml 对象
//$kuaidichaxun->setShow(1); //可选,默认为 0 返回json格式

//返回物流信息条目数。 0:返回多行完整的信息; 1:只返回一行信息
//$kuaidichaxun->setMuti(1); //可选,默认为0

//设置返回物流信息排序。desc:按时间由新到旧排列; asc:按时间由旧到新排列
//$kuaidichaxun->setOrder('asc');

//查询
$result = $kuaidichaxun->query('111111', 'quanfengkuaidi');

//带公司短码查询,短码列表见文档
//$result = $kuaidichaxun->query('111111', 'quanfengkuaidi');

//111111 快递单号
//quanfengkuaidi 快递公司名称

var_dump($result);


使用说明:
1.KuadidiAPI.php 不需要修改改任何东西
2.example.php 按照说明使用
3.快递公司代码见快递公司代码技术文档(快递公司代码文档下载地址:https://pan.baidu.com/s/1qYtikSs)

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
路过的大神们,帮帮忙,我用百度翻译api来翻译文本,得到jsonp格式的数据,怎样在html来获取jsonp格式的数据呢,万分感谢!
``` <script type="text/javascript"> $.ajax({ url: 'http://api.fanyi.baidu.com/api/trans/vip/translate', type: 'get', dataType: 'jsonp', data: { q: query, appid: appid, salt: salt, from: from, to: to, sign: sign }, success: function (data) { var aa=data.trans_result; console.log(aa); } }); </script> ``` ![图片说明](https://img-ask.csdn.net/upload/201910/15/1571125270_253566.png)
用jsonp编写的登陆 注册 页面,登陆之后跳转新页面,可是新页面提示没有登陆是为什么
就是我这有个问题,就是登陆成功之后,跳转到其他页面,之后我用jsonp获取后台的用户列表信息,获取不到,它提示我需要登陆。可是在上一个页面已经提示我已经登陆成功了,我想问下这种情况的时候,在第二个页面,后台是怎么传数据到前台的?
请教extjs store jsonp 使用出错的问题
在store的type使用jsonp,可以获取到另一个系统的数据,可是会出错的,如图![图片说明](https://img-ask.csdn.net/upload/201704/11/1491879223_566026.png) 可是在response可以看到数据啊 ``` {"total":10,"data":[{"templateName":"CNMS eAlert","priority":"HIGH","usageCount":43,"lastUpdatedBy":"80364623","lastUpdatedOn":1491375424000},{"templateName":"Test Template","priority":"HIGH","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1489487462000},{"templateName":"bb","priority":"NORMAL","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1491374240000},{"templateName":"cc","priority":"HIGH","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1466148098585},{"templateName":"dd","priority":"HIGH","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1466736287777},{"templateName":"kk","priority":"NORMAL","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1470972110000},{"templateName":"mm","priority":"NORMAL","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1468999350496},{"templateName":"mmk","priority":"HIGH","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1467282916693},{"templateName":"pp","priority":"HIGH","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1467082778009},{"templateName":"yy","priority":"HIGH","usageCount":0,"lastUpdatedBy":"80364623","lastUpdatedOn":1489570923000}],"success":true} ``` 加上个header的 ``` Request URL:http://10.87.61.95:8080/notification-gateway-lite/glossary/template/list?_dc=1491878741565&start=0&limit=25&page=1&sort=%5B%7B%22property%22%3A%22templateName%22%2C%22direction%22%3A%22ASC%22%7D%5D&callback=Ext.data.JsonP.callback2 Request Method:GET Status Code:200 OK Remote Address:10.87.61.95:8080 Referrer Policy:no-referrer-when-downgrade Response Headers view source Content-Type:application/json;charset=UTF-8 Date:Tue, 11 Apr 2017 02:45:41 GMT Server:Apache-Coyote/1.1 Transfer-Encoding:chunked Request Headers view source Accept:*/* Accept-Encoding:gzip, deflate, sdch Accept-Language:zh-CN,zh;q=0.8 Connection:keep-alive Cookie:JSESSIONID=823A48148291DFCADFC95EB874E485EC Host:10.87.61.95:8080 Referer:http://localhost:8080/login User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3000.4 Safari/537.36 Query String Parameters view source view URL encoded _dc:1491878741565 start:0 limit:25 page:1 sort:[{"property":"templateName","direction":"ASC"}] callback:Ext.data.JsonP.callback2 ``` 请问这是个什么情况呢?是没做代理请求吗,如果要做,请问这个代理请求该怎么做呢?希望可以给点具体的例子来参考,谢谢! (extjs5+Java,还有,对另一个系统是不能进行修改的)
extjs5 请教Ext.data.proxy.JsonP的使用方法!!!
背景:extjs5(mvc),Java~从一个系统获取另外一个系统的数据 在store的URL填上一个系统提供的API,可是会出错,查询得知,是跨域获取数据问题,请问应该怎么去解决这个跨域的问题? 还有,查到,用jsonp这个方法可以解决跨域的问题,可是没用过这个方法,不会用,请问,有哪位高人有什么好的例子可以提供来参考吗?由于本人的智商有限,希望给出的例子别太高大上,拜托了!!! (附:看过extjs的有关的API了,问题出在服务器端的实现)
jsonp跨域访问Struts2后台,获取到的数据没有用callback参数包裹是怎么回事啊?
前端代码: ``` $.ajax({ url:'http://localhost:8080/OA/json/json.action?orgid=aaa&code=00002', dataType:'jsonp', type:"GET", dataFilter:function(json,me){ alert("dataFiter:"+json); }, contentType : "application/json-rpc", jsonpCallback : "call", success : function(response,status,xhr){ alert(response); }, error : function(xhr,errText,errStatus){ alert("error"); } }); ``` 后台配置: ``` <package name="json" namespace="/json" extends="json-default"> <action name="json" class="jsonTest" method="shareInfo"> <interceptor-ref name="json"></interceptor-ref> <result type ="json" name="success"> <param name="noCache">true</param> <param name="contentType">text/html</param> </result> </action> </package> ``` 老是提示:Uncaught SyntaxError: Unexpected token : 从network中看到的response数据是json格式的,在线解析也成功了。
网站Jquery如何跨域获取非json格式的数据?
最近在开发一个网站,需要通过前端获取数据,而对方写的接口返回的不是json格式的数据。使用ajax和jsonp直接就不进入方法了,好像一定要json格式才行吗?
爬取淘宝评论数据时返回了一个登录的url
我用postman测试,访问淘宝评论请求的url,给我返回 jsonp_tbcrate_reviews_list({"rgv587_flag":"sm","url":"https://login.taobao.com/member/login.jhtml?style=mini&from=sm&full_redirect=false&redirectURL=https%3a%2f%2frate.taobao.com:443/feedRateList.htm/_____tmd_____ 我猜测是要加上cookie什么的去访问才行?请问我该怎么获取cookie?越详细越好
这个jsonp小程序传入的两个参数代表什么?
# ## 客户端代码 ## 回调函数里 callbackFunction(result, methodName)的result和methodName分别对应什么,这里不是只是申明函数而已吗?哪里传参进去了?对应什么参数 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JSONP 实例</title> </head> <body> <div id="divCustomers"></div> <script type="text/javascript"> function callbackFunction(result, methodName) //??????????? { var html = '<ul>'; for(var i = 0; i < result.length; i++) { html += '<li>' + result[i] + '</li>'; } html += '</ul>'; document.getElementById('divCustomers').innerHTML = html; } </script> <script type="text/javascript" src="http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction"></script> </body> </html> ``` ## 服务端代码 ``` <?php header('Content-type: application/json'); //获取回调函数名 $jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']); //json数据 $json_data = '["customername1","customername2"]'; //输出jsonp格式的数据 echo $jsoncallback . "(" . $json_data . ")"; ?> ```
小白:js中回调函数处理后的数据如何保存?
主要的函数为: function Ajax(asc, url, data, func) { $.ajax({ // asc: false, async: asc, //type: "post", //dataType: "json", type: "get", dataType: "jsonp", //jsonp: "Callback", // jsonpCallback: "TestCallback", url: RTURL + url, data: data, //contentType: "application/x-www-form-urlencoded;charset=UTF-8", success: func, error: function (message) { alert("服务访问出错:" + message.status + message.statusText); } }); } 主要该方法是获取数据,网页中需要使用多个该方法获取数据.该方法的同步异步设置后.数据获取总是在全部内容走完之后才开始.求助大神该如何做?
关于for循环发送ajax问题,获取不到success中的i值
做一个功能,循环遍历IP地址发送ajax请求,知道遍历到响应的IP并记录下来,有一个问题,就是遍历到正确的服务器IP后,alert出来的i都是200,如何才能得到那个正确的i值?求助~! var startip2="192.168.0.80"; var ipArray = startip2.split("."); connectWaitingView.show("");//正在连接 for(var i=170;i<200;i++){ var serverIp = ipArray[0]+"."+ipArray[1]+"."+ipArray[2]+"."+i+":8888"; ajaxGetServer = $.ajax({ type : "get", url:"http://"+serverIp+"/CLC/CLCServicer?methodName=connecttoserver", async:false, dataType : "jsonp",//数据类型为jsonp timeout:5*1000,//超时时间 jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数 success:function(data) { alert(i); if(data.result=="true" && (data.description!="" || data.description!=null)){ alert(data.description+"+"+i+",the ip addr is "+serverIp); }else if(data.result=="false"){ promptWaitingMessage.show(data.description); }else{ serverConnectErrorDialogView.trigger('open'); controlObject = control;//赋值需要关闭的页面对象 } }, complete: function(XMLHttpRequest, textStatus){ if(textStatus=="timeout"){ alert("time out!+"+i); } } }); }
为什么我用jquery无法获取服务器响应的数据
如图所示 ![图片说明](https://img-ask.csdn.net/upload/201706/02/1496390680_227059.png) 已经能通过浏览器看到JSON数据了 但是我无法操作这组数据 这是浏览器的安全机制导致的吗? 如果是的话,jquery的JSONP就没有意义了吧 源代码 ![图片说明](https://img-ask.csdn.net/upload/201706/02/1496390698_556469.png) ![图片说明](https://img-ask.csdn.net/upload/201706/02/1496390938_866527.png) ![图片说明](https://img-ask.csdn.net/upload/201706/02/1496390947_790474.png)
用ajax获取JSON数据怎么总是不能执行onSuccess方法
很奇怪的问题,下面代码怎么生死不执行onSuccess方法, $.ajax({ type: "get", contentType: 'application/json', url: "http://localhost:3329/api/MOOrders/MOOrders/SpecialMO", data: {precedureId:1111}, dataType: 'JSONP', async: true, success: onSuccess, error: onError }); 运行效果:能正确取得JSON字符串,但是不能传入onSuccess函数,报parsererror错误,服务器返回结果内容是JSON字符串,而且也指定了“application/json”和编码格式“utf-8”,实在找不出什么错误的或特别的地方,求教高手!
ionic 从外网API接口获取数据在通过 ng-repeat渲染到页面,页面无法显示数据
求大神帮忙啊! 我的代码是这样的: service taskListLoad:function(){ var deferred = $q.defer(); var promise = deferred.promise; var taskResult = new Object(); //ajak请求 var sUrl; if (localStorage.serverUrl) { sUrl = localStorage.serverUrl + "task_list.ajax"; } else { sUrl = ENV.api + "task_list.ajax"; } $http.jsonp(sUrl + "&callback=JSON_CALLBACK") .success(function(response){ taskResult = response.extData; if (taskResult.msgCode == "0") { deferred.resolve('load success!'); } else { deferred.reject('Wrong request'); } }); promise.success = function(fn) { promise.then(fn); return promise; } promise.error = function(fn) { promise.then(null, fn); return promise; } return promise; }, conteoller taskListService.taskListLoad().success(function(response){ $scope.items = response.extData; $log.log(response); }); ionic页面代码 <ion-content on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()"> <!-- 内容 --> <div class="list" ng-controller="taskLoadCtrl"> <div class="item item-divider">未接受任务列表</div> <ion-item ng-repeat = "item in items" on-hold="onHold()"> <span>任务名称:{{item.specialName}}</span> <span>任务类型:{{item.taskType}}</span> </ion-item> </div> </ion-content> 问题是在哪啊?
关于Ajax传参数到Action问题,获取不到参数,
``` $("#Sea").click(function(){ var Search = $("#Search").val(); alert(Search); $.ajax({ type: "get", url: "@SiteConfig.ProductSite/ProductList.aspx", jsonpCallback: "__ProductLists__", //回调方法 dataType: "jsonp", //跨域调用数据协议 data: { Sear: Search }, //自定义参数名,值 success: function (data) { alert("成功"); }, error: function () { alert("失败"); } }); }) ``` ``` public ActionResult ProductList(string catagoryId, int pageNo, ProductFilterModel filterModel, string Sear) { catagoryId = "001.001"; pageNo = 1; Response.Cache.SetOmitVaryStar(true); var pager = new PagerModel(pageNo, 12); int MemberType=2; if (MemberInfo !=null && (MemberInfo.MemberType) != 0 ) { MemberType = MemberInfo.MemberType; var dt = new ProdSkuProductSystem().SelectProdSkuProductByOptionValueIds(catagoryId, filterModel.ToList(), MemberType, Sear, pager); //筛选属性查询 ``` ``` //public ActionResult ProductLists(string catagoryId, string Sear) //{ // return null; //} ``` 前台通过Ajax传Sear参数到action中,发现传不过去,而我自己写了个测试的却能传过去,各位大神,这是什么情况啊?
怎么通过ajax从wms服务获取属性信息?
代码: ``` var url = "http://*******/arcgis/services/layer/MapServer/WMSServer"; var dat = { VERSION: "1.3.0", REQUEST: "GetFeatureInfo", QUERY_LAYERS: "topp:states", BBOX: "*,*,*,*", crs: "4326", INFO_FORMAT: "text/javascript", I: "200", J: "100", WIDTH: "256", HEIGHT: "256", layers: "topp:states" } $.ajax({ type:'GET', url: url, data: dat, success: function (data) { console.log(data); }, error: function (errormsg) { console.log(errormsg); } }); ``` 但是提示: Failed to load http://****** No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. 好像是跨域问题,就采用jsonp跨域,但是返回数据格式错误,提示: Uncaught SyntaxError: Unexpected token < 主要是想点击wms地图获取属性信息,想请教各位怎么获取wms的属性信息?
爬取网站 构造请求有几个数据不知道怎么获取?
网站为中国证券网 “http://www.cnstock.com/” 使用jsonp ![图片说明](https://img-ask.csdn.net/upload/201901/28/1548657063_740600.png) ![图片说明](https://img-ask.csdn.net/upload/201901/28/1548686419_358874.png) 访问这个传递json数据的Request URL时,出现了404 ![图片说明](https://img-ask.csdn.net/upload/201901/28/1548686509_543560.png) 想请教一下如何解决
重复调用jQuery ajax刷新Chart数据内存泄露问题,急~~~
在网页中使用<canvas>标签定义了图表,在js用setInterval定时使用ajax获取数据后刷新图表数据。发现浏览器内存一直在涨,浏览器使用的是FireFox。 js代码如下: ``` function FlowPageReday(){ var RefreshTimeOut = 10*1000; RefreshFlow(); /*每隔一定的时间刷新页面*/ setInterval("RefreshFlow()", RefreshTimeOut); } function RefreshFlow() { //var TestData = GetTestFlow(180); //console.info(TestData); var AjaxRequest = $.ajax({ url: "/dashboard/realtime_order/", data: "text",//数据类型text xml json script jsonp "success": function(traffic_data){ //console.info(traffic_data); RefreshOrderStart(traffic_data); traffic_data = null; }, "error": function(xhr,textStatus){ console.info("error"); console.info(xhr); } }); AjaxRequest = null; } function getRow() { var minutes_num = 3*60; var hour = 0; var minutes = 0; /* var time = GetTimeFunc(0,0); console.info(time[0]+":"+time[1]+":"+time[2]); */ var row = new Array(); for(var i=0; i<minutes_num; i++){ var tmp = GetTimeFunc(0,i-minutes_num); //console.info(tmp[0]+":"+tmp[1]+":"+tmp[2]); if(0 == tmp[1]){ row[i] = tmp[0]+":00"; } else if(30 == tmp[1]){ row[i] = tmp[0]+":"+tmp[1]; } else{ row[i] = ""; } } return row; } function RefreshOrderStart(order_data){ var row = getRow(); RefreshTotalFlow(row, order_data[0]); row = null; order_data = null; } function RefreshTotalFlow(row, inFlow){ var doc = $("#ucarfirstorder_total").get(0); var salesChartCanvas = doc.getContext("2d"); var salesChart = new Chart(salesChartCanvas); var salesChartData = { labels: row, datasets: [ { label: "订单总数", fillColor: "#D2B48C", strokeColor: "#D2B48C", pointColor: "#D2B48C", pointStrokeColor: "#c1c7d1", pointHighlightFill: "#fff", pointHighlightStroke: "#D2B48C", //data: [40, 59, 80, 81, 87, 85, 89,94, 98, 99, 81, 76, 55,40, 32, 15, 10, 8, 6,12,24, 31,55,46, 39] data : inFlow } ] }; var LineChart = salesChart.Line(salesChartData, salesChartOptions); salesChartData = null; salesChart = null; salesChartCanvas = null; doc = null; inFlow = null; } ``` 有没有大神帮忙看下是因为什么内存泄露了,如何修改? (已经快两天了,怎么都解决不了。。。。。)
jquery+ajax写的分页,如何进行下一页和最后一页页数的限定,求大神
jquery-1.11.3.min.js. 自己写的分页js:pageTable.js ``` var commonURL = 'http://192.168.1.101:8088/main/cxtest?serviceName=';//公用jsonp请求地址 var serviceName = '';//服务名称--需要预先定义 var tableId;//table DOM id var PAGE_TOTAL_ROW_SIZE = 'page_total_row_size';//数据库返回的数据总条目数 var ROWNO = 'rowno';//数据库返回的行编号 //var testURL='http://192.168.109.157:8080/main/cxtest?'; var rowSize;//总数据条目数 var pageSize = 10;//每页条数,默认为10条 var currentPageIndex=1;//当前的页,默认为第一页 var pageNum;//总页数 //根据table的id动态加载数据 function loadTable(data) { cleanTable();//清除table除表头的内容 var tableCellHtml = ''; //遍历data,获取key和value for (var i = 0; i < data.length; i++) { var lineStr = '<tr>'; for (var key in data[i]) { if (PAGE_TOTAL_ROW_SIZE == key) { //对数据总数的返回值不做DOM处理 rowSize = data[i][key];//对数据总条目数赋值 continue; } //alert(key + ':' + data[i][key]); lineStr += '<th>' + data[i][key] + '</th>'; } lineStr += '</tr>'; tableCellHtml += lineStr; } getPageNum(); $("#"+tableId).append(tableCellHtml);//加载table数据 $("#spanCurrentPageIndex").html(currentPageIndex);//加载当前页码 $("#spanTotalPage").html(pageNum);//加载总页数 $("#spanTotalRowCount").html(rowSize);//加载总数据条目数 } //通用查询jsonp并返回数据到全局变量data function jsonpQuery(params) { $.ajax({ url: commonURL + serviceName + params, dataType: 'jsonp', type: 'GET', jsonp: 'jsonpcallback', error: function (XmlHttpRequest, textStatus, errorThrown) { alert("加载失败,请检查连接!"); }, success: function (msg) { if ('成功' == msg.message) { //alert(msg.message); data = eval('(' + msg.datas + ')'); loadTable(data); } else { alert("数据返回失败!"); } } }); } //根据总条数rowSize和每页条数pageSize获取总页数 function getPageNum() { if (checkVar(rowSize) && checkVar(pageSize)) { pageNum = rowSize % pageSize == 0 ? parseInt(rowSize / pageSize) : Math.ceil(rowSize/pageSize); } } //判断一个变量是否为空;true不为空,false为空 function checkVar(obj) { if (obj == '' || obj == undefined || obj == null) { return false; } return true; } //上一页或下一页 function pageNav(currentPageIndex){ //alert(currentPageIndex); var params = '&rowStart='+((currentPageIndex-1)*pageSize+1)+'&rowEnd='+currentPageIndex*pageSize; if(currentPageIndex<=0){ firstPage(); return ; } if(currentPageIndex>=pageNum){ lastPage(); return; } jsonpQuery(params);//请求数据 } //第一页 function firstPage(){ var params = '&rowStart=1&rowEnd='+pageSize; jsonpQuery(params);//请求数据 } //最后一页 function lastPage(){ var params = '&rowStart='+((pageNum-1)*pageSize+1)+'&rowEnd='+rowSize; jsonpQuery(params);//请求数据 } //清除表格内容 function cleanTable(){ $("#"+tableId+" tr:gt(0)").remove(); } ``` 下面是页面内容: ``` <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>table分页查询示例</title> </head> <body> <div> <table class="tablebox" width="" border="" cellpadding="" cellspacing="" id="tableInfo"> <tr> <td>序号</td> <td>流程ID </td> <td>流程名称</td> <td>流程标识 </td> <td>流程起始标识</td> </tr> </table> <div> <span id="spanFirst" onclick ="firstPage();" >第一页</span> <span id="spanPre" onclick ="pageNav(--currentPageIndex);">上一页</span> <span id="spanNext" onclick ="pageNav(++currentPageIndex);">下一页</span> <span id="spanLast" onclick ="lastPage();">最后一页</span> 第<span id="spanCurrentPageIndex"></span>页/共<span id="spanTotalPage"></span>页 共<span id="spanTotalRowCount"></span>条数据 </div> </div> <script type="text/javascript" src="JS/pageTable.js"></script> <script type="text/javascript" src="JS/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function() { serviceName = 'getInfo'; tableId = 'tableInfo'; firstPage(); }); </script> </body> </html> ``` 现在就是有个问题,无法对下一页和最后一页进行限定,第一页的时候,我点击最后一页, 第1页/总页数,而且最后一页之后,点击下一页,第X页还是会增加,虽然说内容不变。
【小白前端】如何提取iframe里的文本内容(PS:存在跨域)?
自己写的html然后里边有一个iframe引入地址是百度网的话,我想从百度网获取一点文本的话,能够实现吗,应该怎么做? 同一个域名下的话,是可以实现的,但是这个不同,就遇到问题了,用jquery的话,获取不到内容;用test()就会报错。 他的报错 _Uncaught DOMException: Blocked a frame with origin "http://127.0.0.99"from accessing a cross-origin frame. _ HTML代码 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <style> div.dd { width: 500px; height:500px; } iframe { width: 100%; height: 500px; background-color: rgba(0,0,0,0.1); } </style> </head> <body> <div class="input"> 内容:<input type="text" id="input" value="111"> <button class="btn btn-success" xonclick="test()">获取</button> <iframe id="iframea" name="iframe1" src="https://www.baidu.com/" frameborder="0"> </iframe> </div> </body> <script> $(function() { $('.btn').click(function() { // var $text = $("#iframea").contents().find(".mnav").text;//jquery 方法1 // var $text = $("#iframea").contents().find("#ccc").text; // alert($text) // $('#input').val($text); var word = $("#iframea").contents().find('#u1').text(); console.log(word) alert(word); }) }) function test() { // var a = document.getElementById("iframea").contentWindow.document.getElementById("u1").value; // var word = document.getElementById("iframea").contentWindow.document.getElementById("u1") // alert(word) } </script> </html> ``` 小生在此谢过各位看官和大神!!! br br br 兜兜转转,问题还是没有完全解决,但相对于上周,有多知道了一点东西。 知道了如何用jsonp跨域获取数据;可是,最重要的一步是如何将百度网转换成jsonp形式呢?要把他转换成jsonp形式,才可以抓取。 首先是 http://127.0.0.1/za_soft/aaaa.html ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <!-- <script src="https://www.baidu.com/"></script> --> <script type="text/javascript"> $.ajax({ type: "get", async: false, url: "http://127.0.0.1:8800/zzzzz.js", dataType: "jsonp", jsonp: "callBack", // 传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般认为:callback) jsonpCallback: 'flightHandler', // 自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写“?”,jQuery会自动为你处理数据 success: function(json) { alert('您查询到航班信息:票价:' + json.price + '$, 余票:' + json.tickets + '张。' + '航班:' + json.code); console.log($(this).html); }, error: function() { alert('失败!!!!'); } }) </script> </head> <body> 内容:<input type="text" id="input" value="111"> <button class="btn btn-success" onclick="test()">获取</button> <iframe id="iframea" name="iframe1" src="https://www.baidu.com/" frameborder="0"> </iframe> </body> </html> ``` 下边是http://127.0.0.1:8800/zzzzz.js ``` flightHandler({ "code": "CA1998", "price": 1780, "tickets": 5 }); ``` 我最终的目的是想要将 ajax里面的 url: "http://127.0.0.1:8800/zzzzz.js", 地址换成 url: "https://www.baidu.com/", 所以问题来了, 怎么样把百度网转换成一个jsonp形式的文件呢? 求教求教啊。。。。。。
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
C语言荣获2019年度最佳编程语言
关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang近日,TIOBE官方发布了2020年1月编程语言排行榜单。我在前面给过一篇文章《2019年11月C语言接近Ja...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
一份王者荣耀的英雄数据报告
咪哥杂谈本篇阅读时间约为 6 分钟。1前言前一阵写了关于王者的一些系列文章,从数据的获取到数据清洗,数据落地,都是为了本篇的铺垫。今天来实现一下,看看不同维度得到的结论。2环境准备本次实...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
立即提问