如何在两个Ajax请求之间切换
如何在两个Ajax请求之间切换
提问于 2018-11-26 04:27:19
我想使用该按钮在Ajax请求、english.json和french.json之间切换，但我不确定如何切换。有没有人能帮帮我？下面的简单代码只调用JSON中的每个对象。
<!doctype html>
<html>
<body>
<h1> Frenching</h1>
<button id="toggle"> toggle</button>
<p> This program changes names from English to French</p>
<h3 id="name"> </h3>
</body>
</html>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>
<script>
//Ajax request
$("document").ready(function () {
$.getJSON("French.json").done(function (french) {
console.log(french.lastName)
});
$.getJSON("english.json").done(function (english) {
console.log(english.lastName)
});
});
</script>
//seperate files
French.Json
{
"firstName": "Merci",
"lastName": " Claudè"
}
English.Json
{
"firstName": "Gracias",
"lastName": "Claude"
}回答 2
Stack Overflow用户
发布于 2018-11-26 23:08:18
我创建了一个全局对象来存储json中的对象，然后创建了一个触发英语和法语JSON的切换函数。
//sets a global variable
var globalState = {
viewState: true,
english: null,
french: null
};
//toggles function
$("#toggle").click(function toggleGlobalState () {
globalState.viewState = !globalState.viewState; // sets the viewState object to false
console.log(globalState); // toggles true and false
if(globalState.viewState) { // if true change name to french
$("#firstname")[0].innerHTML = globalState.french.firstName
$("#lastname")[0].innerHTML = globalState.french.lastName
} else { // if false change name to english
$("#firstname")[0].innerHTML = globalState.english.firstName
$("#lastname")[0].innerHTML = globalState.english.lastName
}
});
//Ajax request
$("document").ready(function () {
$.getJSON("French.json").done(function (french) {
globalState.french = french; // sets the french name objects in the json to a global object
$("#firstname")[0].innerHTML = globalState.french.firstName
$("#lastname")[0].innerHTML = globalState.french.lastName
}).then(function(result) {
console.log(globalState.french.firstName); //checks
});
$.getJSON("english.json").done(function (english) {
globalState.english = english; // sets the english name objects in the json to a global object
});
});Stack Overflow用户
发布于 2018-11-26 04:53:32
如果您不介意调用这两个Ajax请求，那么应该将结果存储在一个变量中，并切换结果。
var eng;
var fr;
$("document").ready(function () {
$.getJSON("French.json").done(function (french) {
fr = french;
});
$.getJSON("english.json").done(function (english) {
eng = english;
});
});如果您希望仅在需要时触发ajax，则应该在按下按钮时触发它。
var lang;
$("document").ready(function () {
toggle = function (json) {
$.getJSON(json).done(function (lang) {
lang = french;
});
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53471611
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号