**AJAX技术是一种后台请求服务器,而不需要加载Web页面的一种技术**
1,AJAX的来源地:
MVC框架支持AJAX,而AJAX的核心来自于jQuery,所以编写的代码也在JQuery里面。
2,AJAX的使用方式
**jQuery.ajax函数** 例如:
第一步:
HTML代码
<div id="div">
<label>标题:</label><input name="title" id="title" type="text" /><br />
<button onclick="Check()">提交留言</button>
</div>
JS代码
<script>
function Check() {
$.ajax({
url: "/Ajax/A",
type: "post",
data: { "title": $("#title").val(), "email": $("#email").val(), "qq": $("#qq").val(), "content": $("#content").val() },
success: function (fanhui) {
if (fanhui) {
$("#div").html(fanhui)
}
}
})
}
</script>
第二步:
控制器代码
public ActionResult A()
{
return View();
}
[HttpPost]
public string A(string title)
{
return "标题" + title ;
}
/
j
Q
u
e
r
y
.
a
j
a
x
代
表
的
就
是
J
Q
u
e
r
y
里
面
的
A
j
a
x
。
u
r
l
:
表
示
发
送
请
求
的
地
址
t
y
p
e
:
请
求
的
方
式
是
g
e
t
还
是
p
o
s
t
d
a
t
a
:
发
送
到
服
务
器
的
数
据
s
u
c
c
e
s
s
:
请
求
成
功
后
的
回
调
函
数
例
如
第
一
个
t
i
t
l
e
代
表
H
T
M
L
页
面
其
中
一
个
标
签
的
n
a
m
e
属
性
,
/jQuery.ajax代表的就是JQuery里面的Ajax。 url:表示发送请求的地址 type:请求的方式是get还是post data:发送到服务器的数据 success:请求成功后的回调函数 例如第一个title代表HTML页面其中一个标签的name属性,
/jQuery.ajax代表的就是JQuery里面的Ajax。url:表示发送请求的地址type:请求的方式是get还是postdata:发送到服务器的数据success:请求成功后的回调函数例如第一个title代表HTML页面其中一个标签的name属性,("#title").val() 代表取标签输入的值。$("#title")就是指Id值
function匿名方法里面的参数可以去任意值,里面的值是控制器里面的参数返回视图的值
控制器添加参数对用户输入的值进行接收,再通过return 返回界面