1

在这里检查了几个关于堆栈溢出和 jquery 文档的主题，但仍然卡住了。

我基本上希望这个发布（使用 ajax/jquery）来更新 div 的内容。

function loadSubCats(value)
{
    $.post("load_sub_cats.php",
        data: { "catid": value },
        type: "POST",
        contentType: "application/x-www-form-urlencoded",
            function(data) {
        $('#sub_categories').html("Data Loaded: " + data);
    });
}

但我没有得到任何回应。该页面包含 sub_categories div，这称为表单事件的 onclick。

<select name='cselect3' onChange='loadSubCats(this.value)' class='e1'>

所以基本上，它应该超过字段（cselect3）的值，并且 load_sub_cats.php 应该只是 echo $_POST[catid]; 就是这样。但是我对它的活动为零，所以它认为它很简单，我搞砸了。

4

4 回答 4

1

您正在混合不同的$.post语法$.ajax。如果要使用对象语法，请调用$.ajax，因为$.post将其参数作为简单的未命名列表。

function loadSubCats(value)
{
   $.ajax({
        url : "load_sub_cats.php",
        data: { "catid": value },
        type: "POST",
        contentType: "application/x-www-form-urlencoded",
        success: function(data) {
            $('#sub_categories').html("Data Loaded: " + data);
        }
    });
}

您也可以直接附加change事件，而不是内联并取消该loadSubCats()函数：

$(document).ready(function(){
    $('select[name=cselect3]').change(function(){
       $.ajax({
            url : "load_sub_cats.php",
            data: { "catid": $(this).val() },
            type: "POST",
            contentType: "application/x-www-form-urlencoded",
            success: function(data) {
                $('#sub_categories').html("Data Loaded: " + data);
            }
        });
    });
});
于 2013-01-10T12:46:24.890 回答
1

你有$.post语法问题。应该是这样的：

function loadSubCats(value)
{
    $.post("load_sub_cats.php",{ "catid": value },
            function(data) {
        $('#sub_categories').html("Data Loaded: " + data);
    });
}

就这么简单。

于 2013-01-10T13:05:30.177 回答
1 
function loadSubCats(value)
{
$.post("load_sub_cats.php",
    {  catid: value }, 
     function(data) {
     $('#sub_categories').html("Data Loaded: " + data); }
     );
}

你发送 catid 不是 "c​​atid"

于 2013-01-10T13:08:15.073 回答
-1

两件事情：

您正在使用不需要的帖子类型。

即使删除它也不起作用，只是尝试提醒它-

function loadSubCats(value)
{
    $.post("load_sub_cats.php",
        data: { "catid": value },
        type: "POST",
        contentType: "application/x-www-form-urlencoded",
            function(data) {
          alert(data)
         $('#sub_categories').html("Data Loaded: " + data);
    });
}

通过提醒你会知道 - 1）如果有任何 php 错误，它会提醒，2）如果 php 工作正常，它会提醒你的值。

根据最新评论更新我的帖子：尝试使用如下：

$(document).ready(function() {
  $('.e1').change(function() {
        $.post("load_sub_cats.php",
        data: { "catid": value },
        type: "POST",
        contentType: "application/x-www-form-urlencoded",
            function(data) {
          alert(data)
         $('#sub_categories').html("Data Loaded: " + data);
    });  
  })
});
于 2013-01-10T12:48:31.030 回答