asp.net mvc ajax提交例子

@{
Layout = null;
}

<script src="../../Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
  $("#btnSubmit").click(function () {
    $.ajax({
      url: "/HelloWorld/test",
      type: "POST",
      dataType: "text",
      data: { username: $("#txtName").val(), email: $("#txtEmail").val() },
       success: function (data) {
        console.log("正确:");
        //console.log(data);
        var str = ‘{"name":"sole","age":"24"}‘;
        var _d = JSON.parse(str);//字符串转json
        console.log(_d.name);
        //var json = JSON.parse(data);
        //console.log(json.msg);
        $("#result").html("success");
        $("#result").css("color", "red");
    },
    error: function (e)
    {
      console.log("错误:");
      console.log(e);
    }
  });
  });
});

</script>
<table border="2">
<tbody>
<tr>
<td colspan="2" align="center">User Regis Demo</td>
</tr>
<tr>
<td>NAME:</td>
<td><input type="text" id="txtName" style="width:160"></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" id="txtEmail" style="width:160"></td>
</tr>
<tr>
<td><input type="button" id="btnSubmit" value="submit" style="width:160"></td>
</tr>
</tbody>
</table>
<div id="result">Jquery Ajax Call Result Will Display here...</div>
public void test(string username, string email)
{
  string str = "{\"success\":\"true\",\"msg\":\"添加成功\"}";
  //string str = "Hello: [" + username + "] your eamil is : [" + email + "]";
  Response.Write(str);
}
时间: 2024-10-10 10:46:52

asp.net mvc ajax提交例子的相关文章

ASP.NET MVC ajax提交 防止CSRF攻击

//在View中 <script type="text/javascript"> @functions{ public string ToKenHeaderValue() { string cookieToken,fromToken; AntiForgery.GetTokens(null,out cookieToken,out fromToken); return cookieToken+":"+fromToken; }} $function({ ...

MVC Ajax 提交是防止SCRF攻击

//在View中 <script type="text/javascript"> @functions{ public string ToKenHeaderValue() { string cookieToken,fromToken; AntiForgery.GetTokens(null,out cookieToken,out fromToken); return cookieToken+":"+fromToken; } } $function({ ..

ASP.NET MVC AJAX调用JsonResult方法并返回自定义错误信息

一.如何用AJAX调用JsonResult方法 比如FuckController中添加有个返回JsonResult类型的方法FuckJson(): public JsonResult FuckJson() { return new JsonResult() { Data = new List<string>() { "fuck", "shit" }, JsonRequestBehavior = JsonRequestBehavior.AllowGet }

asp.net mvc ajax.beginform()无法上传文件

Asp.Net Mvc使用Ajax.BeginForm上传文件Request.Files始终为null. 使用jquery.form.js插件能解决问题.asp.net mvc ajax.beginform()无法上传文件

Asp.Net MVC Ajax

将ASP.NET MVC中的form提交改为ajax提交 在ASP.NET MVC视图中通过 @using (Html.BeginForm()) 产生的是form表单提交代码,可以用javascript代码截获这个form提交,改为ajax提交,示例代码如下: 代码来自:http://www.cnblogs.com/dudu/archive/2011/12/07/asp_net_mvc_form_ajax.html $('#form1').submit(function () {    if (

ASP.NET MVC ajax处理 AjaxResult

1.统一ASPNET MVC 对ajax请求响应格式定义,方便前端统一处理ajax结果. 1)定义程序返回结果数据格式 1 /// <summary> 2 /// 执行结果 3 /// </summary> 4 /// <typeparam name="T"></typeparam> 5 public class RunResult<T> 6 { 7 /// <summary> 8 /// 操作状态 9 /// &

ASP.NET MVC Ajax.ActionLink 简单用法

ASP.NET MVC 项目中,如何使用类似于 iframe 的效果呢?或者说 Ajax 局部刷新,比如下面操作: 我们想要的效果是,点击 About 链接,页面不刷新(地址栏不变),然后下面的内容进行更新,其实实现这个效果,很简单,只需要使用 Ajax.ActionLink 即可. 1. 安装 Microsoft.jQuery.Unobtrusive.Ajax 程序包 Install-Package Microsoft.jQuery.Unobtrusive.Ajax 2. 引用 JS 文件:

取经——ASP.NET MVC Ajax

一直对ASP.NET MVC 的异步提交搞不懂,今天决定一探究竟. 其实核心都封装在jquery.unobtrusive-ajax.js里. 我们发现所有的代码都放在了(function($){}(jQuery))里,这个结构很奇妙,一般的js函数都是function(){},可这个后面多了个参数,其实说白了这是个匿名方法,我们一点点还原它的真实面目. 我们可以写成这样(function($){})(jQuery), 我们再把function方法拿出来 function aa($){ } aa(

ASP.NET MVC Ajax 伪造请求

1.前言 CSRF(Cross-site request forgery)跨站请求伪造,ASP.NET MVC 应用通过使用AJAX请求来提升用户体验,浏览器开发者工具可以一览众山小,就很容易伪造了请求对应用进行攻击,从而泄露核心数据,导致安全问题.微软自带AntiForgeryToken可以解决,而且语法简单(AJAX请求发起时传递给后台一个字符串,然后在Filter中进行校验) 2.场景如下 为了验证一个来自form post请求,还需要在目标action上增加自定义[AntiForgery