我有一个应用程序,当用户点击一个元素时,它会打开一个包含他可以选择的其他选项的Bootstrap模式。当它打开时,modal会向服务器发出一个AJAX请求,以获取与该元素相关的选项。
正在调用$.getJSON
函数:
$("#modal").on('show.bs.modal', function(e) {
$.getJSON('webservice.php', { type: 'loadOptions', optid: $(this).attr("rowid") }, function(data) {
var li = $("<li rowid=\"" + index + "\"/>");
li.append("<center><h3>" + value.description + "</h3></center>");
li.append("<center><span id=\"sms\"></span>");
li.append("<hr/>");
li.append("<center>US$ " + value.price.toFixed(2) + "/month</center>");
$("#modal ul").append(li);
});
});
这是按钮:
<li rowid="4" class="btn-optionals btn-optional-sms">Optional SMS Package</li>
当用户点击list元素时,模态打开,AJAX请求被触发,但它只发送type
参数。我已经尝试将其值放在查询字符串上,尝试将optid
与变量关联,然后将其放在数据对象上,但都无济于事。
我是否真的必须手动构建$.ajax
函数才能使其正常工作?