当单击发表按钮提交新的评论时,向后台脚本problem11.aspx发出Ajax请求,并把<textarea>和<input type=”text”>两个元素的value属性值发送过去,此时该后台脚本会把接收到的评论数据保存在problem11.xml文件里。然后再一次向静态文件problem11.xml发出Ajax请求,获取该文件当下的全部评论数据,对<div class=”content”>元素内部的HTML代码进行更新。 请在页面中填入能够实现上述页面效果的jQuery代码,并且规定一旦页面发生Aj
时间: 2023-06-27 11:04:04 浏览: 45
ax请求,就禁用提交按钮,避免用户重复提交。
```javascript
$(document).ready(function() {
// 当单击发表按钮时执行以下操作
$("#submit-btn").click(function() {
// 禁用提交按钮
$(this).attr("disabled", true);
// 获取评论数据
var comment = $("#comment").val();
var username = $("#username").val();
// 发送Ajax请求保存评论数据
$.ajax({
url: "problem11.aspx",
type: "POST",
data: {comment: comment, username: username},
success: function() {
// 发送成功后再次发送Ajax请求获取全部评论数据并更新页面
$.ajax({
url: "problem11.xml",
type: "GET",
dataType: "xml",
success: function(data) {
var html = "";
$(data).find("comment").each(function() {
var content = $(this).find("content").text();
var user = $(this).find("user").text();
html += "<div class='comment'><p>" + content + "</p><span>" + user + "</span></div>";
});
$(".content").html(html);
// 启用提交按钮
$("#submit-btn").attr("disabled", false);
}
});
},
error: function() {
alert("提交失败,请稍后重试!");
// 启用提交按钮
$("#submit-btn").attr("disabled", false);
}
});
});
});
```