ASP.NET MVC入门 11、使用AJAX

以上为使用M$的AJAX框架来实现AJAX异步请求，下面来看 看使用jQuery怎么做呢。前面说过，我个人比较喜欢jQuery，所以示例的 4mvcBlog里面的将使用jQuery来实现。

首先，我们用jQuery写一个用于提 交form表单的异步请求的小"插件"：

(function($) {
　　$.fn.ajaxForm = function(success) {
　　　　var form = $(this);
　　　　var btn = form.find(":submit");
　 　　　form.submit(function() {
　　　　　　$.ajax({
　　　　 　　　　url: form.attr("action"),
　　　　　　　　type: form.attr("method"),
　　　　　　　　data: form.serialize(),
　　　　　　　　beforeSend: function(xhr) {
　　　　　　　　　　btn.attr("disabled", true);
　　　 　　　　　　　showLoading();
　　　　　　　　},
　　　　　　 　　success: function(data) {
　　　　　　　　　　if (success) { success(data); }
　　　　　　　　},
　　　　　　　　error: function() {
　　　　　　　　　　alert("请求出错，请重试 ");
　　　　　　　　},
　　　　　　　　complete: function() {
　　　　　　　　　　btn.attr("disabled", false);
　　　　　　　　　　hideLoading();
　　　　　　　　}
　　　　　　});
　　　　　　return false;
　　　 　});
　　};
　　function showLoading() {
　　　　 $("#loading").css("display", "");
　 　};
　　function hideLoading() {
　　　　 $("#loading").css("display", "none");
　　};
})(jQuery);

然后我们不需要修改原来的一般的 form，我们只需要使用ajaxForm 方法来指定要进行ajax请求的form的id就可以了 ：

<form id="commentform" method="post" acti