在我的项目中,当条件不足时,我的 Django 应用程序会发送带有消息的 JSON 响应。
我使用这个 JsonResponse() 指令,
Code:
data = {
'is_taken_email': email
}
return JsonResponse(data)
现在我想使用 Javascript fetch API 接收此 JSON 响应,例如显示警报。
我不知道如何使用 fetch API 来执行此操作。我想写一个listener会是谁waiting来自 Django 应用程序的 JSON 响应。
I try:
function reqListener() {
var stack = JSON.parse(data);
console.log(stack);
}
var oReq = new XMLHttpRequest();
oReq.onload = reqListener;
我想将 Django 应用程序中的 JSON 与硬编码的 JSON 进行比较:
例如:fetch( 'is_taken_email': email)
-> 然后做点什么
OR
从我的 Django 应用程序接收 JSON 并作为 AJAX 生成它:
success: function(data) { if (data.is_taken_email) { make something; }
提前致谢!
javascript 在全局窗口范围内提供了 fetch API,第一个参数是 API 的 URL,它是基于 Promise 的机制。
简单的例子
// url (required)
fetch('URL_OF_YOUR_API', {//options => (optional)
method: 'get' //Get / POST / ...
}).then(function(response) {
//response
}).catch(function(err) {
// Called if the server returns any errors
console.log("Error:"+err);
});
就你而言,如果你想receiveJSON 响应
fetch('YOUR_URL')
.then(function(response){
// response is a json string
return response.json();// convert it to a pure JavaScript object
})
.then(function(data){
//Process Your data
if (data.is_taken_email)
alert(data);
})
.catch(function(err) {
console.log(err);
});
使用基于侦听器的示例XMLHttpRequest
function successListener() {
var data = JSON.parse(this.responseText);
alert("Name is: "+data[0].name);
}
function failureListener(err) {
console.log('Request failed', err);
}
var request = new XMLHttpRequest();
request.onload = successListener;
request.onerror = failureListener;
request.open('get', 'https://jsonplaceholder.typicode.com/users',true);
request.send();
使用监听器的示例setInterval
(我不确定你想做这样的事情,只是与你分享)
var listen = setInterval(function() {
fetch('https://jsonplaceholder.typicode.com/users')
.then(function(response) {
return response.json();
})
.then(function(data) {
if (data[0].name)
console.log(data[0].name);
})
.catch(function(err) {
console.log(err);
});
}, 2000);//2 second
我对 Django 不熟悉,但希望这可以帮助你。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)