剛剛?cè)y試了一下,利用ajax的jsonp(跨域)的時(shí)候卡在了一個(gè)異常上:Uncaught SyntaxError: Unexpected token :。

林芝網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,林芝網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為林芝上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的林芝做網(wǎng)站的公司定做!
這個(gè)異常是jd在對于ajax的跨域請求時(shí)沒有對callback進(jìn)行處理。所以無法讓js獲取到正確的json數(shù)據(jù)。
解決方案(php為例):用curl進(jìn)行獲取,也就是用后端做一次轉(zhuǎn)發(fā)操作。jd官方也提供php的SDK。以下是我的jq的ajax代碼 僅供參考。
$.ajax({
url:'',
data:?{
area:'鹿城',
areaid:'101210710',
needMoreDay:'0',
needIndex:'0',
needAlarm:'0',
need3HourForcast:'0',
appkey:'你申請的appkey',
ajax:1
},
type:?"GET",
async:false,
dataType?:?"jsonp",
jsonp:'callback',
jsonpCallback:"jdwx",//jd返回json未對這個(gè)做處理導(dǎo)致js無法獲取json
success:?function?(json)?{
console.log(json);
},
error:?function?(msg)?{
console.log(msg);
},
timeout:3000
});
京東是一個(gè)電商網(wǎng)站,JavaScript是一門弱類型腳本語言,而這門語言中沒有標(biāo)簽這個(gè)概念,你的問題是,一個(gè)電商網(wǎng)站不支持一個(gè)弱類型腳本語言中不存在的標(biāo)簽?對不起,我剛看了點(diǎn)哲學(xué)理論,有點(diǎn)神經(jīng)了
你點(diǎn)擊修改按鈕彈出一個(gè)對話框 可以用dialog對話框,
這是簡單的對話框,你可以自己調(diào)試一下
$("#dialogDiv").dialog({
autoOpen:false,//該選項(xiàng)默認(rèn)是true,設(shè)置為false則需要事件觸發(fā)才能彈出對話框
title:'綜合指標(biāo)',//對話框的標(biāo)題
width : 550, //彈出框?qū)挾?/p>
height : 300, //彈出框高度
modal:true,//設(shè)置為模態(tài)對話框
buttons:{ '保存':function(){
//這個(gè)地方你可以寫 ajax方法,吧修改的數(shù)據(jù)保存
$(this).dialog("close");
},
'取消':function(){
$(this).dialog("close");
}
}
});
$("#dialog").click(function(){
//這個(gè)地方你可以寫個(gè)ajax方法,吧地址的數(shù)據(jù)取出來,dialog顯示之前會(huì)吧數(shù)據(jù)加載進(jìn)去
$("#dialogDiv").dialog("open");
});
dialog 這個(gè)是按鈕的id, dialogDiv這個(gè)是你要顯示的dialog的div的id
我不是什么大師, 不知道是不是你想要的,但希望能幫到你
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlejquery tab選項(xiàng)卡 ajax選項(xiàng)卡 靜態(tài)選項(xiàng)卡 鼠標(biāo)點(diǎn)擊選項(xiàng)卡 鼠標(biāo)滑過選項(xiàng)卡/title
style type="text/css"
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif,"宋體";}
a{color:#333;text-decoration:none;}
a:hover{color:#3366cc;text-decoration:underline;}
h2{font-size:14px;text-align:center;}
/* tabbox */
.tabbox{width:432px;margin:20px auto;position:relative;height:171px;overflow:hidden;}
.tabbox .tabbtn{height:30px;background:url(images/tabbg.gif) repeat-x;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.tabbox .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}
.tabbox .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:30px;line-height:30px;overflow:hidden;width:108px;text-align:center;font-size:12px;cursor:pointer;}
.tabbox .tabbtn li.current{border-left:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;border-top:solid 1px #c5c5c5;}
.tabbox .tabbtn li.current a,.tabbox .tabbtn li.current span{border-top:solid 2px #ff6600;height:27px;line-height:27px;background:#fff;color:#3366cc;font-weight:800;}
.tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}
.tabbox .tabcon{padding:10px;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;}
.tabbox .tabcon li{height:24px;line-height:24px;overflow:hidden;}
.tabbox .tabcon li span{margin:0 10px 0 0;font-family:"宋體";font-size:12px;font-weight:400;color:#ddd;}
/style
/head
body
h2靜態(tài) 選項(xiàng)卡 滑過事件/h2
div class="tabbox" id="statetab"
ul class="tabbtn"
li class="current"a href="#"jquery 特效/a/li
lia href="#"javascript 特效/a/li
lia href="#"div+css 教程/a/li
lia href="#"HTML5 特效/a/li
/ul!--tabbtn end--
div class="tabcon"
ul
lispan?/spana href="#" title="jquery 圖片特效插件 異步讀取圖片TOP排行榜特效"jquery 圖片特效插件 異步讀取圖片TOP排行榜特效/a/li
lispan?/spana href="#" title="jquery 彈出層 點(diǎn)擊按鈕彈出層兼容IE和firefox瀏覽器"jquery 彈出層 點(diǎn)擊按鈕彈出層兼容IE和firefox瀏覽器/a/li
lispan?/spana href="#" title="jquery 導(dǎo)航插件 一個(gè)動(dòng)畫導(dǎo)航下拉菜單Apycom軟件的Java下拉菜單"jquery 導(dǎo)航插件 一個(gè)動(dòng)畫導(dǎo)航下拉菜單Apycom軟件的Java下拉菜單/a/li
lispan?/spana href="#" title="jquery soChange 切換插件 支持焦點(diǎn)圖片切換 選項(xiàng)卡切換 帶按鈕與分頁索引按鈕切換"jquery soChange 切換插件 支持焦點(diǎn)圖片切換 選項(xiàng)卡切換 帶按鈕與分頁索引按鈕切換/a/li
lispan?/spana href="#" title="jquery 圖片切換特效 鼠標(biāo)點(diǎn)擊左右按鈕焦點(diǎn)圖切換滾動(dòng)"jquery 圖片切換特效 鼠標(biāo)點(diǎn)擊左右按鈕焦點(diǎn)圖切換滾動(dòng)/a/li
/ul
/div!--tabcon end--
div class="tabcon"
ul
lispan?/spana href="#" title="javascript jscolor colorpicker js顏色選擇器插件10多種調(diào)用顏色方法與取值"javascript jscolor colorpicker js顏色選擇器插件10多種調(diào)用顏色方法與取值/a/li
lispan?/spana href="#" title="javascript圖片特效 網(wǎng)站banner制作焦點(diǎn)圖片切換帶按鈕和固定圖標(biāo)控制圖片左右滾動(dòng)"javascript圖片特效 網(wǎng)站banner制作焦點(diǎn)圖片切換帶按鈕和固定圖標(biāo)控制圖片左右滾動(dòng)/a/li
lispan?/spana href="#" title="javascript滾動(dòng)圖片插件支持單排圖片上下滾動(dòng)、圖片無縫滾動(dòng)"javascript滾動(dòng)圖片插件支持單排圖片上下滾動(dòng)、圖片無縫滾動(dòng)/a/li
lispan?/spana href="#" title="js多功能選項(xiàng)卡插件 選項(xiàng)卡自動(dòng)切換內(nèi)容圖片延遲加載"js多功能選項(xiàng)卡插件 選項(xiàng)卡自動(dòng)切換內(nèi)容圖片延遲加載/a/li
lispan?/spana href="#" title=" javascript滾動(dòng)圖片按鈕控制圖片左右自動(dòng)滾動(dòng)" javascript滾動(dòng)圖片按鈕控制圖片左右自動(dòng)滾動(dòng)/a/li
/ul
/div!--tabcon end--
div class="tabcon"
ul
lispan?/spana href="#" title="div+css制作非常實(shí)用的24款分頁頁碼css代碼"div+css制作非常實(shí)用的24款分頁頁碼css代碼/a/li
lispan?/spana href="#" title="用div+css3美化制作動(dòng)畫導(dǎo)航特效鼠標(biāo)滑過動(dòng)畫顯示"用div+css3美化制作動(dòng)畫導(dǎo)航特效鼠標(biāo)滑過動(dòng)畫顯示/a/li
lispan?/spana href="#" title="用div+css制作純CSS下拉菜單,兼容IE6 IE7 IE8及以上 Firefox"用div+css制作純CSS下拉菜單,兼容IE6 IE7 IE8及以上 Firefox/a/li
lispan?/spana href="#" title="CSS如何定位工程"CSS如何定位工程/a/li
lispan?/spana href="#" title="用div+css制作一個(gè)CSS3的泡泡動(dòng)畫按鈕非常漂亮"用div+css制作一個(gè)CSS3的泡泡動(dòng)畫按鈕非常漂亮/a/li
/ul
/div!--tabcon end--
div class="tabcon"
ul
lispan?/spana href="#" title="jquery HTML5 幻燈片插件 用 Canvas 制作類似百葉窗拍攝快門攝影拍攝效果"jquery HTML5 幻燈片插件 用 Canvas 制作類似百葉窗拍攝快門攝影拍攝效果/a/li
lispan?/spana href="#" title="制作CSS3和HTML5的一個(gè)單頁網(wǎng)站模板"制作CSS3和HTML5的一個(gè)單頁網(wǎng)站模板/a/li
lispan?/spana href="#" title="jquery 幻燈片切換應(yīng)用一個(gè)HTML5的幻燈片"jquery 幻燈片切換應(yīng)用一個(gè)HTML5的幻燈片/a/li
lispan?/spana href="#" title="jquery 圖片滾動(dòng)特效應(yīng)用旋轉(zhuǎn)幻燈片使用jQuery和CSS3"jquery 圖片滾動(dòng)特效應(yīng)用旋轉(zhuǎn)幻燈片使用jQuery和CSS3/a/li
/ul
/div!--tabcon end--
/div!--tabbox end--
script type="text/javascript" src=""/script
script type="text/javascript"
//ajax 選項(xiàng)卡
$('#ajaxtab .tabbtn li a').click(function(){
var thiscity = $(this).attr("href");
$("#ajaxtab .loading").ajaxStart(function(){
$(this).show();
});
$("#ajaxtab .loading").ajaxStop(function(){
$(this).hide();
});
$('#ajaxtab .tabcon').load(thiscity);
$('#ajaxtab .tabbtn li a').parents().removeClass("current");
$(this).parents().addClass("current");
return false;
});
$('#ajaxtab .tabbtn li a').eq(0).trigger("click");
//tab plugins 插件
$(function(){
//選項(xiàng)卡鼠標(biāo)滑過事件
$('#statetab .tabbtn li').mouseover(function(){
TabSelect("#statetab .tabbtn li", "#statetab .tabcon", "current", $(this))
});
$('#statetab .tabbtn li').eq(0).trigger("mouseover");
//選項(xiàng)卡鼠標(biāo)滑過事件
$('#clicktab .tabbtn li').click(function(){
TabSelect("#clicktab .tabbtn li", "#clicktab .tabcon", "current", $(this))
});
$('#clicktab .tabbtn li').eq(0).trigger("click");
function TabSelect(tab,con,addClass,obj){
var $_self = obj;
var $_nav = $(tab);
$_nav.removeClass(addClass),
$_self.addClass(addClass);
var $_index = $_nav.index($_self);
var $_con = $(con);
$_con.hide(),
$_con.eq($_index).show();
}
});
/script
/body
/html
打開設(shè)置,應(yīng)用管理,找到淘寶,然后強(qiáng)行停止,禁止在其他應(yīng)用上層啟動(dòng)。
很多時(shí)候,如果一部安卓手機(jī)安裝了淘寶app。經(jīng)常在瀏覽網(wǎng)頁的時(shí)候,毫無預(yù)兆的,突然淘寶app就彈出來了。體驗(yàn)很糟糕,因?yàn)槲覀兏静幌M詫歛pp的出現(xiàn),我們是在瀏覽網(wǎng)頁啊。
仔細(xì)研究了淘寶app的各種設(shè)置,手機(jī)應(yīng)用權(quán)限設(shè)置之后。經(jīng)過測試,首先排除了手機(jī)權(quán)限的問題。其次,如果禁用瀏覽器的javascript功能,可以很明顯的發(fā)現(xiàn),淘寶app是彈不出來的。
也就是說,淘寶app的自動(dòng)彈出,首先是網(wǎng)頁上存在著某段神秘的javascript代碼。在一段時(shí)間的搜索,分析,綜合了各種資料以后,基本可以肯定。這些JS代碼最后會(huì)嘗試打開一個(gè)特殊的鏈接。
MainActivity的URL是安卓平臺(tái)的一個(gè)便捷方式,允許用戶代碼或者其他app快速的打開另外一個(gè)APP。設(shè)計(jì)出發(fā)點(diǎn)是好的。但淘寶的普及率和各種淘寶電商的瘋狂推廣,導(dǎo)致了tbopen://的濫用。基本上,很多網(wǎng)頁廣告中都會(huì)試圖插入這樣的代碼,插入自動(dòng)打開淘寶App的代碼。
用css+javascript就可以實(shí)現(xiàn)
第一步:寫一個(gè)層,相對于父菜單使用絕對定位,就是position:absolute;默認(rèn)為隱藏,就是display:none;
第二部:添加javascript,類似這樣,onmouseover="$('#catalog_menu_cell').show();" onmouseout="$('#catalog_menu_cell').hide();",用jquery可以簡單點(diǎn)。
大體思路就是這樣。
本文名稱:javascript京東,JavaScript京東商城課程設(shè)計(jì)
當(dāng)前鏈接:http://chinadenli.net/article9/dsshoih.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、云服務(wù)器、虛擬主機(jī)、做網(wǎng)站、微信公眾號(hào)、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)