gpt4 book ai didi

javascript - 如何在ajax调用中使用GET请求显示服务器响应的页面

转载 作者:行者123 更新时间:2023-12-01 01:40:32 26 4
gpt4 key购买 nike

function regCall(token){
$.ajax({
type: 'GET',
url: 'http://localhost:3000',
dataType: 'HTML',
headers: {
'x-auth': token
}
});
}

这是我的 ajax GET 请求,我想在 html 中显示给定的 url。下面是我的登录逻辑的完整片段。

$(document).ready(()=>{
$('#login').submit((e)=>{
$.ajax({
type: 'POST',
url:'http://localhost:3000/login/users',
data: {
email: $('#email').val(),
password: $('#password').val()
},
success: function(data, status, req){
// alert(req.getResponseHeader('x-auth'));
localStorage.setItem('t',req.getResponseHeader('x-auth'));
var token = localStorage.getItem('t');
regCall(token);
// window.location.href = '/';

},
error: function (req, status, error) {
// alert(req.getResponseHeader('x-auth'));
localStorage.setItem('t',req.getResponseHeader('x-auth'));
alert('Invalid email and password');
window.location.href = '/login';
}
});
e.preventDefault();
});
})

这是代码片段的全部代码。

最佳答案

从 SUCCESS 函数中提取响应数据:

function regCall(token){
$.ajax({
type: 'GET',
url: 'http://localhost:3000',
dataType: 'HTML',
headers: {
'x-auth': token
},
success: function(data){
//targetElement should be replaced by the ID of target element
$("#targetElement").html(data);
}
});
}

关于javascript - 如何在ajax调用中使用GET请求显示服务器响应的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52457805/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com