在做一個很簡單的考試系統，現在需要用ajax判斷提交答案和正確答案是否一致，相同的話可以繼續下一題，不相同的話給出提示，并阻止點擊下一題按鈕的操作。求問該怎么做，真不會了。。。
uj5u.com熱心網友回復：
前端用ajax發送提交的答案json，后端接收并判斷與正確答案是否一致，并回傳判斷結果，前端接收結果，根據結果做不同回應
uj5u.com熱心網友回復：
請求回呼,回傳是否成功,根據回傳值判斷再操作啊,這個是最基本的東西,比如$.ajax({
type: 'get',
.....,
success:function(res){
if(res.code == 200){
跳到下一題
}else{
alert("答錯了")
}
}
})
uj5u.com熱心網友回復：
<!DOCTYPE html><html>
<!-- 思路就是這個樣子 -->
<!-- 1首先獲取到資料，題目答案 -->
<!-- 2獲取用戶選擇或者輸入的答案跟考試題目以及答案去比較（當然這里指前端虛擬資料），
如果是請求后臺判斷，直接傳遞用戶輸入的答案跟當前題目就OK -->
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<style>
[v-cloak]{
display: none
}
</style>
<body>
<div class="pages">
<div class="mui-content" id="app">
問題：
<div v-for="item in list" :key="item" v-cloak>
{{item.question}}
</div>
輸入答案：
<input type="text" v-model="answer">
<button v-on:click="next()">下一步</button>
</div>
</div>
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
<script type="text/javascript" charset="utf-8">
new Vue({
el: '#app',
data: {
answer:"11111",
list: [
{
"id": "1101",
"question": "模擬資料可以用mock嗎？",
"answer": "必須可以"
}
]
},
mounted() {
console.log("1111=>", this.list);
},
methods: {
next(){
console.log("獲取用戶輸入資料====>",this.answer);
// 這里宣告由于資料只是虛擬資料，所以前端暫時回圈判斷就可以
/**如果是后臺介面，直接把用戶輸入的答案作為引數就可以 **/
for(var i in this.list){
if(this.list[i].answer==this.answer){
alert("回答正確");
}else{
alert("回答錯誤");
}
}
}
}
})
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/83065.html
標籤：Ajax