使用jQuery和AJAX加载页面时设置默认值
我有以下结构:使用jQuery和AJAX加载页面时设置默认值,jquery,ajax,Jquery,Ajax,我有以下结构: <ul id="menu"> <li value="100"><div>Books</div></li> <li value="200"><div>Clothing</div></li> <li value="300"><div>Electronics<
<ul id="menu">
<li value="100"><div>Books</div></li>
<li value="200"><div>Clothing</div></li>
<li value="300"><div>Electronics</div>
<ul>
<li value="500"><div>Car Hifi</div></li>
<li value="600"><div>Utilities</div></li>
</ul>
</li>
</ul>
- 书籍
服装
电子产品
- 汽车音响
- 实用程序
如果单击
元素,则该值将通过jQuery AJAX发送到服务器端脚本:
jQuery(function ($) {
$('ul#menu li').click(function () {
var level = $(this).attr("value");
$.ajax({
type: "GET",
cache: "true",
url: "../level.php",
data: {
"level": level
},
success: function (data) {
$('.item-content').html('<div class="tooltipitem-site"><div class="ui-tooltip-site">' + data + '</div></div>');
}
});
});
$(function () {
$("#menu").menu();
});
});
jQuery(函数($){
$('ul#menu li')。单击(函数(){
var level=$(this.attr(“值”);
$.ajax({
键入:“获取”,
缓存:“真”,
url:“../level.php”,
数据:{
“级别”:级别
},
成功:功能(数据){
$('.item content').html(''+数据+'');
}
});
});
$(函数(){
$(“#菜单”).menu();
});
});
当页面加载时,没有值被发送。
如何更改脚本,使其在初始页面加载时发送默认值“value=0”
像这样的怎么样
jQuery(函数($){
getResponse(0);
$('ul#menu li')。单击(函数(){
var level=$(this.attr(“值”);
getResponse(级别);
});
$(函数(){
$(“#菜单”).menu();
});
});
功能getResponse(级别){
$.ajax({
键入:“获取”,
缓存:“真”,
url:“../level.php”,
数据:{
“级别”:级别
},
成功:功能(数据){
$('.item content').html(''+数据+'');
}
});
}
设置默认项目内容html不是更容易吗?@Berstos不客气!!!
jQuery(function($) {
getResponse(0);
$('ul#menu li').click(function() {
var level = $(this).attr("value");
getResponse(level);
});
$(function() {
$("#menu").menu();
});
});
function getResponse(level) {
$.ajax({
type: "GET",
cache: "true",
url: "../level.php",
data: {
"level": level
},
success: function(data) {
$('.item-content').html('<div class="tooltipitem-site"><div class="ui-tooltip-site">' + data + '</div></div>');
}
});
}