根据回调清除输入字段

Question

我有一个简单的脚本，其中包含两个页面 - script.php 和 function.php。 Script.php 包含一个 ID 为 #code 的输入字段、一个 ID 为 #submit 的链接和 jquery 函数

$('#submit').click(function () {
    $.ajax({
    url: 'function.php',
    type: "POST",
    data: "text=" + $("#code").val(),
    dataType: 'text',
    success: function(data) {
        $('#info').html(data);              
            }
        });         
    return false;
    });

---

How can I clear #code input field value depending on the return result from function.php?
For example, if query is incomplete function.php will only show message in #info field, but if query is complete script will show message and clear input field value.

Answer 1

考虑从 function.php 返回 JSON 数据，就像这样

{"clearCode":"true","info":"Some HTML"}

然后你可以使用 jQuery 函数 getJSON。

这意味着您可以返回一个布尔值来决定是否清除#code，并返回一些#info的html

Answer 2

从您的 php 页面返回任何状态，如成功或失败，然后在 success 方法中检查它，因为如果 ajax 调用成功完成，无论结果如何，都会执行成功，

您可以

$('#submit').click(function () {
    $.ajax({
    url: 'function.php',
    type: "POST",
    data: "text=" + $("#code").val(),
    dataType: 'text',
    success: function(data) {
        if (data == "success")
        {
            $("#code").value("");
        }
        else
        {
            $('#info').html(data);
        }
    }
    });         
    return false;
});

希望这会有所帮助。

Answer 3

在您的示例中，您可以返回特定的 HTTP 代码：

在 PHP 中：

if(not_valid) { Header("HTTP/1.1 403 Forbidden"); die(); }

在 JavaScript 中：

$.ajax({ ...,
         success: function() { /*ok*/ },
         statusCode: {
            403: function() { /*wrong*/ }
          }
      )};