使用javascript单击进行Ajax搜索
这是我当前用于自动完成输入框搜索的代码。我已经尝试过多次让它搜索或提交搜索时,你点击什么自动弹出。请帮忙,我什么都试过了使用javascript单击进行Ajax搜索,javascript,jquery,html,onclick,submit,Javascript,Jquery,Html,Onclick,Submit,这是我当前用于自动完成输入框搜索的代码。我已经尝试过多次让它搜索或提交搜索时,你点击什么自动弹出。请帮忙,我什么都试过了 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript"> $(document).rea
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(document).ready(function () {
SearchText();
});
function SearchText() {
$(".autosuggest").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "/test.aspx/GetAutoCompleteData",
data: "{'PartNumber':'" + document.getElementById('txtPartNum').value + "'}",
dataType: "json",
success: function (data) {
response(data.d);
},
error: function (result) {
alert(err.message);
}
});
}
});
}
以下是尝试添加提交/输入单击功能后的代码
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(document).ready(function () {
SearchText();
});
function SearchText() {
$(".autosuggest").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "/test.aspx/GetAutoCompleteData",
data: "{'PartNumber':'" + document.getElementById('txtPartNum').value + "'}",
dataType: "json",
success: function (data) {
response(data.d);
},
error: function (result) {
alert(err.message);
},
select: function(event, ui) {
$("#searchform button").click();
}
});
}
});
}
谢谢。您在浏览器控制台中看到任何错误吗?500-内部服务器错误。因此您无法点击webmethod。检查您的url选项$.ajax