Javascript PHP JSON从Textbox（Searchbox）发布字符串，并在Textbox中以字符串形式返回结果_Javascript_Php_Ajax_Json

Javascript PHP JSON从Textbox（Searchbox）发布字符串，并在Textbox中以字符串形式返回结果

javascript php ajax json

Javascript PHP JSON从Textbox（Searchbox）发布字符串，并在Textbox中以字符串形式返回结果,javascript,php,ajax,json,Javascript,Php,Ajax,Json,我正在尝试创建一个简单的网页，如goggle，其中用户在那里键入搜索，例如“What is England？”和Json将字符串从searchbox发布到指定URL（例如goggle search API），并使用用户名和密码验证，然后将给定URL的结果返回网页作为答案我真的需要一个简单的示例代码的想法。因为我对PHP非常陌生，所以你可以使用AJAX来做这件事，你可以在jquery中做这件事，搜索jquery文档非常简单，你也可以用很多其他方法来做这件事，比如纯js 编辑：这是一个简单的例子

我正在尝试创建一个简单的网页，如goggle，其中用户在那里键入搜索，例如“What is England？”和Json将字符串从searchbox发布到指定URL（例如goggle search API），并使用用户名和密码验证，然后将给定URL的结果返回网页作为答案

我真的需要一个简单的示例代码的想法。因为我对PHP非常陌生，所以你可以使用AJAX来做这件事，你可以在jquery中做这件事，搜索jquery文档非常简单，你也可以用很多其他方法来做这件事，比如纯js

编辑：

这是一个简单的例子

<html>
<head>
<title>Search example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="./content.js"></script>
</head>

<body>

<input type="text" id="searchInput" />

<input type="submit" id="searchSubmit" value="Click to search" />


</body>


</html>

在上面关于ajax成功的示例中，jquery将警告后端返回的任何文本…

您知道任何代码示例吗？好的，等一下，我将使用jQueryTank you very@Diyar Baban编写一个简单的ajax。但是url我想指示它需要用户名和密码。我该如何编写代码？当我从url查询字符串时，它会给出字符串结果。就像从眼镜上问一个问题，然后得到一个回答不客气，不，你不能那样做！你只能通过请求并得到结果。。这就是我创建的示例

$(document).ready( function() {

    $('#searchSubmit').on('click', function(){
        var text_to_search = $('#searchInput').val(); //get searchbox text to send using ajax
        $.ajax ({
            data: ({ text: text_to_search }), //these are the GET, POST variables that you want to send to backend 
            //(in this case we are sending text as post variable)
            method: "POST",
            url: "./backend.json", //the url you want to send the request to..
            success: function(result) { // (result) variable is the data you the backend sent back
                alert(result);
            },
            error: function() {
                //failed to 
                alert("couldnt contact backend..");
            }
        });

    }); 
})