Javascript jQuery ajax调用未打开请求的站点
我有一个Javascript jQuery ajax调用未打开请求的站点,javascript,jquery,ajax,get,Javascript,Jquery,Ajax,Get,我有一个 <button id="myid"> 所以-调用了URL,但没有显示响应-我猜是因为这是一个ajax调用。但是我该如何处理呢?处理错误函数的方法与处理成功函数的方法相同,如果调用成功,则应处理成功函数 另外,您不需要设置async:true,因为默认情况下它被设置为true Add.preventDefualt单击函数以确保当您单击按钮时,唯一发生的事情是您要触发的函数 $('#myid').on('click', function(e) { e.preventD
<button id="myid">
所以-调用了URL,但没有显示响应-我猜是因为这是一个ajax调用。但是我该如何处理呢?处理错误函数的方法与处理成功函数的方法相同,如果调用成功,则应处理成功函数 另外,您不需要设置async:true,因为默认情况下它被设置为true Add.preventDefualt单击函数以确保当您单击按钮时,唯一发生的事情是您要触发的函数
$('#myid').on('click', function(e) {
e.preventDefault();
doSomething();
});
var doSomething= function(){
$.ajax({
url: "/targetURL",
type: "GET",
cache: false,
success: function(data) {
console.log(data);
}
error: function(error) {
console.log(error);
}
});
}
success函数中的data参数表示ajax返回的数据。因此,当您登录到控制台时,您可以看到该结构,以便知道以后如何处理它。Ajax的整个要点在于它不会导致导航,而是向JavaScript提供响应
如果要导航到新页面,请不要使用Ajax
使用链接
如果您想让它看起来像一个按钮,请对其应用CSS。要捕获响应数据,您需要添加成功函数,如错误函数
var doSomething = function () {
$.ajax({
url: "/targetURL",
type: "GET",
cache: false,
async: true,
success: function(response){
console.log(response);
},
error: function (error) {
console.log(error);
}
});
}
或者,如果您只想打开另一个类似于普通html的url,则应该使用JS窗口对象
var doSomething = function () {
window.open('/targetURL');
}
向AJAX调用添加成功处理程序,以处理成功请求返回的数据:
var doSomething = function () {
window.open('/targetURL');
}