jquery - 使用 jQuery 和 AJAX 加载页面时设置默认值
问题描述
我有以下jQuery UI 菜单结构:
<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>
如果您单击一个<li>
元素,则该值将通过 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();
});
});
目前,页面加载时没有发送任何值。如何更改它"value=0"
在初始页面加载时发送默认值的脚本?
解决方案
这样的事情怎么样
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>');
}
});
}
推荐阅读
- php - 时间用完后刷新页面的Javascript
- r - 如何将.avl 后缀文件读入r?
- javascript - 如果无法加载,如何隐藏图像/视频
- pandas - 从数据框的文本列中删除不需要的字符
- android - MediaRecorder Surface Input with OpenGL - 如果启用了音频录制,则会出现问题
- python - 如何在不依赖列名的情况下操作数据框的值
- ios - 在 Flutter 中监听方向状态;旋转前后
- python - Assigning global attribute name using a parameter in netCDF4
- memory - 每个页面错误都有磁盘访问吗?
- apache-flink - 具有本地执行环境的 Flink 保存点(如独立应用程序)