MVC【AJAX技术】

**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.ajaxJQueryAjaxurl:typegetpostdatasuccesstitleHTMLname("#title").val() 代表取标签输入的值。$("#title")就是指Id值
function匿名方法里面的参数可以去任意值,里面的值是控制器里面的参数返回视图的值

控制器添加参数对用户输入的值进行接收,再通过return 返回界面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值