正文
javascript京东,JavaScript京东商城课程设计
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何利用js用京东万象获得的数据接口获取天气信息并返回json数据
刚刚去测试了一下，利用ajax的jsonp（跨域）的时候卡在了一个异常上：Uncaught SyntaxError: Unexpected token :。
这个异常是jd在对于ajax的跨域请求时没有对callback进行处理。所以无法让js获取到正确的json数据。
解决方案（php为例）：用curl进行获取，也就是用后端做一次转发操作。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未对这个做处理导致js无法获取json
success: function (json) {
console.log(json);
},
error: function (msg) {
console.log(msg);
},
timeout:3000
});
相关问答
Q1: 京东不支持javascript标签怎么办
京东是一个电商网站，JavaScript是一门弱类型脚本语言，而这门语言中没有标签这个概念，你的问题是，一个电商网站不支持一个弱类型脚本语言中不存在的标签？对不起，我刚看了点哲学理论，有点神经了
Q2: 跪求各位js高手，类似京东注册这样的页面效果怎么实现？？
你点击修改按钮弹出一个对话框 可以用dialog对话框,
这是简单的对话框,你可以自己调试一下
$("#dialogDiv").dialog({
autoOpen:false,//该选项默认是true，设置为false则需要事件触发才能弹出对话框
title:'综合指标',//对话框的标题
width : 550, //弹出框宽度
height : 300, //弹出框高度
modal:true,//设置为模态对话框
buttons:{ '保存':function(){
//这个地方你可以写 ajax方法,吧修改的数据保存
$(this).dialog("close");
},
'取消':function(){
$(this).dialog("close");
}
}
});
$("#dialog").click(function(){
//这个地方你可以写个ajax方法,吧地址的数据取出来,dialog显示之前会吧数据加载进去
$("#dialogDiv").dialog("open");
});
dialog 这个是按钮的id, dialogDiv这个是你要显示的dialog的div的id
我不是什么大师, 不知道是不是你想要的,但希望能帮到你
Q3: 有谁能给我做个京东商城右侧的那种选项卡切换的Javascript效果~
!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选项卡 ajax选项卡 静态选项卡 鼠标点击选项卡 鼠标滑过选项卡/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静态 选项卡 滑过事件/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 弹出层 点击按钮弹出层兼容IE和firefox浏览器"jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器/a/li
lispan▪/spana href="#" title="jquery 导航插件 一个动画导航下拉菜单Apycom软件的Java下拉菜单"jquery 导航插件 一个动画导航下拉菜单Apycom软件的Java下拉菜单/a/li
lispan▪/spana href="#" title="jquery soChange 切换插件 支持焦点图片切换 选项卡切换 带按钮与分页索引按钮切换"jquery soChange 切换插件 支持焦点图片切换 选项卡切换 带按钮与分页索引按钮切换/a/li
lispan▪/spana href="#" title="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动"jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动/a/li
/ul
/div!--tabcon end--
div class="tabcon"
ul
lispan▪/spana href="#" title="javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值"javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值/a/li
lispan▪/spana href="#" title="javascript图片特效 网站banner制作焦点图片切换带按钮和固定图标控制图片左右滚动"javascript图片特效 网站banner制作焦点图片切换带按钮和固定图标控制图片左右滚动/a/li
lispan▪/spana href="#" title="javascript滚动图片插件支持单排图片上下滚动、图片无缝滚动"javascript滚动图片插件支持单排图片上下滚动、图片无缝滚动/a/li
lispan▪/spana href="#" title="js多功能选项卡插件 选项卡自动切换内容图片延迟加载"js多功能选项卡插件 选项卡自动切换内容图片延迟加载/a/li
lispan▪/spana href="#" title=" javascript滚动图片按钮控制图片左右自动滚动" javascript滚动图片按钮控制图片左右自动滚动/a/li
/ul
/div!--tabcon end--
div class="tabcon"
ul
lispan▪/spana href="#" title="div+css制作非常实用的24款分页页码css代码"div+css制作非常实用的24款分页页码css代码/a/li
lispan▪/spana href="#" title="用div+css3美化制作动画导航特效鼠标滑过动画显示"用div+css3美化制作动画导航特效鼠标滑过动画显示/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制作一个CSS3的泡泡动画按钮非常漂亮"用div+css制作一个CSS3的泡泡动画按钮非常漂亮/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的一个单页网站模板"制作CSS3和HTML5的一个单页网站模板/a/li
lispan▪/spana href="#" title="jquery 幻灯片切换应用一个HTML5的幻灯片"jquery 幻灯片切换应用一个HTML5的幻灯片/a/li
lispan▪/spana href="#" title="jquery 图片滚动特效应用旋转幻灯片使用jQuery和CSS3"jquery 图片滚动特效应用旋转幻灯片使用jQuery和CSS3/a/li
/ul
/div!--tabcon end--
/div!--tabbox end--
script type="text/javascript" src=""/script
script type="text/javascript"
//ajax 选项卡
$('#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(){
//选项卡鼠标滑过事件
$('#statetab .tabbtn li').mouseover(function(){
TabSelect("#statetab .tabbtn li", "#statetab .tabcon", "current", $(this))
});
$('#statetab .tabbtn li').eq(0).trigger("mouseover");
//选项卡鼠标滑过事件
$('#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
Q4: 如何禁止app打开京东和淘宝
打开设置，应用管理，找到淘宝，然后强行停止，禁止在其他应用上层启动。
很多时候，如果一部安卓手机安装了淘宝app。经常在浏览网页的时候，毫无预兆的，突然淘宝app就弹出来了。体验很糟糕，因为我们根本不希望淘宝app的出现，我们是在浏览网页啊。
仔细研究了淘宝app的各种设置，手机应用权限设置之后。经过测试，首先排除了手机权限的问题。其次，如果禁用浏览器的javascript功能，可以很明显的发现，淘宝app是弹不出来的。
也就是说，淘宝app的自动弹出，首先是网页上存在着某段神秘的javascript代码。在一段时间的搜索，分析，综合了各种资料以后，基本可以肯定。这些JS代码最后会尝试打开一个特殊的链接。
MainActivity的URL是安卓平台的一个便捷方式，允许用户代码或者其他app快速的打开另外一个APP。设计出发点是好的。但淘宝的普及率和各种淘宝电商的疯狂推广，导致了tbopen://的滥用。基本上，很多网页广告中都会试图插入这样的代码，插入自动打开淘宝App的代码。
Q5: 京东网左边的那个弹窗是怎么做出来的？用什么语言能编程出来，最好给程序啦，哈哈急救急救
用css+javascript就可以实现
第一步：写一个层，相对于父菜单使用绝对定位，就是position:absolute;默认为隐藏，就是display:none;
第二部：添加javascript,类似这样，onmouseover="$('#catalog_menu_cell').show();" onmouseout="$('#catalog_menu_cell').hide();"，用jquery可以简单点。
大体思路就是这样。
