Ajaxa请求：参数、传递的数据、返回的数据

visual studio 2012+sqlserver 下载地址：

Visual Studio 2012

SqlServer 2008 R2 x64

-------------------------------------------------------------------------------

Chrome浏览器查看Ajaxa请求，查看最多的是：参数、传递的数据、返回的数据

按f12打开控制台！点击Network选项，ajax的请求也在里面，点击下面的出现的Ajax请求的路径，你会发现右边弹出来一个窗口，Headers，Perview，Response等等，其中Perview为参数，Response为返回的数据



Ajax：使用JavaScript对Web服务器异步请求，将结果动态更新到页面，且整个过程中无刷新动作。

客户端发启Ajax的请求-》ASP.NET MVC生成内容-》客户端将内容展示在页面

注意：因为jQuery只有在DOM加载完成后才能操作DOM对象，所以将事件绑定和jQuery代码都放在ready方法中，是最安全的做法。

[javascript] view plain copy

<script type="text/javascript">

$(document).ready(function () {

$('#myButton').click(function () {

alert('I was clicked!');

});

});

</script>

[javascript] view plain copy

$(document).ready(function () {

$('#privacyLink').click(function (event) {

event.preventDefault();//阻止链接的默认行为，即跳转到该链接href标签属性所指的页面

var url = $(this).attr('href');//提取href标签属性的值

$('#privacy').load(url);//发启Ajax请求。load方法实际上创建了一个Ajax请求，异步地调用此URL，并把响应插到DOM之中。

});

$('#commentForm').submit(function (event) {

event.preventDefault();

var data = $(this).serialize();//将表单序列化成字符串

var url = $(this).attr('action');//得到表单form的action的属性值

//提交表单

$.post(url, data, function (response) {

$('#comments').append(response);

});

});

});

{

if (Request.IsAjaxRequest())

{

return PartialView();//浏览器启用JavaScript，返回部分视图，无刷新

}

return View();//禁用JavaScript，返回常规视图且刷新页面

}

获取URL的完整路径：@Url.Action("AddComment")

[html] view plain copy

<form method="post" id="commentForm" action="@Url.Action("AddComment")">

@Html.TextArea("Comment",new{rows=5,cols=50})

<br />

<input type="submit" value="Add Comment" />

</form>