Question

当我尝试从jquery发出这个ajax请求时，我没有得到任何回复：

/********************************
CHANGE USER SETTINGS
*********************************/

$(".submitUserSetting").live('click', function() {

    //get values
    var department = $("#us_department").val(); 
    var sortOrder = $("input[@name=us_sortOrder]:checked").val();

    $.ajax({
        type: "POST", 
        url: "lib/includes/updateUserSettings.php",
        data: "empname=" + empname + "&department=" + department + "&sortOrder=" + sortOrder,
        success: function(data) { 
            alert(data);
        }
    });


});

我的意思是什么。没有javascript错误，MySQL查询没有错误，甚至没有console.log中的POST数据。只是一个嘲讽的沉默。即使我注释掉PHP页面中的所有代码，只是回显我发送给它的数据，也没有。这是PHP页面（类存在，函数工作，我在十几个其他页面上使用它们）

 <?php

    require_once("../classes/mysqlconnect.php");
    $db = new dbconnect();
    $db->makeConnections("TimeSheetManager");

    $empname = $_POST['empname'];
    $department = $_POST['department'];
    $sortOrder = $_POST['sortOrder'];


    //get the department id
    $dQuery = "SELECT id FROM departments WHERE department = '" . $department . "'";
    $dResults = $db->getResults($query); 
    if (mysql_num_rows($dResults) > 0) { 
        while($rows = mysql_fetch_array($dResults) { 
            $deptID = $rows['id'];
        }
    } 


    //update database
    $query = "UPDATE users SET `department` = '" . $department "', `displayOrder` = '" .        $sortOrder . "' WHERE username = '" . $empname . "'"; 
    $results = $db->getResults($query); 

    if ($results) { 
        echo "!success"; 
    } else { 
        echo "!fail"; 
    }

    ?>

这是表单代码：

<div id="userSettingsForm">
        <form name="userSetting">
            <p><label for="sortOrder">Display Order:</label></p>
            <p class="userSettingElement">Oldest First&nbsp;<input type="radio" name="us_sortOrder" value="asc">&nbsp;&nbsp;Newest First&nbsp;<input type="radio" name="us_sortOrder" value="dsc"></p>
            <p><label for="us_department">Department:</label></p>
            <p class="userSettingElement">
                <select id="us_department" name="us_department">
                <option value="null">Select A Department</option>
                <?php 

                    $query = "SELECT * FROM departments";
                    $results = $db->getResults($query);

                    while($row = mysql_fetch_array($results)){
                        if (count($results) > 0) { 
                            //get department and id
                            $department = $row['department'];
                            $deptID = $row['id'];

                            print "<option value=\"" . $deptID . "\">" . $department . "</option>";
                        }
                    }

                ?>
                </select>
            </p>
            <p><a href="javascript:void(0);" class="submitUserSetting btn">Submit</a></p>
        </form>
    </div>

感谢所有的帮助和建议。我重新启动了Firefox，错误是在empname中，我没有设置它（doh！）。白鲸已经接受了这一点，但它在我身上花了一点时间。希望我能给每个人一个答案。

Answer 1

你怎么能告诉你没有收到错误？在.ajax（）调用中添加错误处理程序：

$.ajax({
    type: "POST", 
    url: "lib/includes/updateUserSettings.php",
    data: "empname=" + empname + "&department=" + department + "&sortOrder=" + sortOrder,
    success: function(data) { 
        alert(data);
    },
    error: function (xmlHttpRequest, textStatus, errorThrown) {
         alert(errorThrown);
    }
});

Answer 2

好的，更多调查显示错误实际上是您正在使用的一些特殊代码组合。

显然，href="javascript:void(0)"会阻止事件传播。事件是在元素本身上触发的（因此处理程序与.click(fn)绑定），但祖先元素不会被通知事件。

由于您使用的是依赖于事件传播的.live()方法，因此这不起作用。

我建议如下：

<a href="#" class="submitUserSetting btn">Submit</a>

和JS：

$(".submitUserSetting").live('click', function(e) {
    e.preventDefault(); // disable the link action

    [snip]
});

See jsFiddle demonstrating this.

Answer 3

问题在于您发送数据的方式。

尝试将该属性括在{ } 's中并将变量格式更改为

{ "propertyName" : "value", "propertyName" : "value" }

即

 data: { "empname" : empname ,"department" : department, "sortOrder" :sortOrder }

或者，如果它是一个表格，你甚至可以说

data : { $("#form").serialize() }

Answer 4

你需要在php函数中返回一些值

jquery：ajax请求不起作用

4 个答案: