我有一个 HTML 页面
<form id="customer">
<label for="customer-name">Enter customer names: </label>
<input type="text" id="customer-name"/>
<input type="submit" value="Submit"/>
</form>
此 HTML 页面的 URL 是http://www.example.com/customer
。当我提交表单时,我想使用 ajax GET 到以下 URL:
http://www.example.com/customer/query?customer-name=davis
ajax代码如下:
$(document).ready(function() {
$("#customer").submit(function() {
$.ajax({
url: 'customer/query',
type: 'GET',
data: $("#customer-name").val(),
success: function(data) {
alert(data);
}
});
});
});
但是当我在文本框中输入“davis”并单击“提交”按钮时,它转到了以下 URL(没有/query
子路径):
http://www.example.com/customer?customer-name=davis
所以它没有转到我想要的正确 URL 地址。即使我在 Ajax 请求中指定了 URL,它也只会转到/customer
路径,而不是/customer/query
子路径。如何使 ajax GET 到正确的 URL 地址?还是我在代码中犯了一些错误?