作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开发一个测验应用程序。我需要创建一个面板来添加问题。现在这是我正在使用的 AJAX 代码。我对以下代码片段有两个问题。(i) 调用 ajax 函数后页面会完全重新加载。(ii) 奇怪的是,有时数据会被提交,有时则不会。
我不知道我在哪里犯了错误。请帮忙。谢谢:)
function ajaxinsert() {
var questionVal = $("#question").val();
var option1 = $("#optiona").val();
var option2 = $("#optionb").val();
var option3 = $("#optionc").val();
var option4 = $("#optiond").val();
//alert(questionVal+option1+option2+option3);
$.ajax({
url: 'admin/insertQuestion',
type: 'POST',
cache: false,
data: {
question: questionVal,
optiona: option1,
optionb: option2,
optionc: option3,
optiond: option4
},
dataType: 'json',
success: function (reply) {
console.log(reply);
},
error: function (xhr, desc, err) {
console.log(xhr);
console.log("Desc :: " + desc + "\nError :: " + err);
}
});
}
$("#insert-button").on('submit', function (e) {
e.preventDefault();
ajaxinsert();
});
最佳答案
您应该绑定(bind)到表单本身的 submit
事件,而不是提交按钮上的事件。
关于javascript - Jquery 重新加载整个页面而不仅仅是表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21820592/
我是一名优秀的程序员,十分优秀!