您现在的位置:澳门网上真人龙虎 > 菲律宾申博官方网址 > 网上现金博彩 4、下面就是我们最终实现效果:当我们单击按钮的时候

网上现金博彩 4、下面就是我们最终实现效果:当我们单击按钮的时候

2019-08-14 22:15

运用asp.net mvc 挪用Action步骤很单一。

一、无参数步骤。

1、起首,引入jquery-1.5.1.min.js 剧本,菲律宾申博官方网址 ,根据版本分歧各人自行选择。

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

2、正在Controllers中书写前台Ajax须要挪用的Action,好比:

public ActionResult test1()        {            return Content("返回一个字符串");        }

这个Action返回了一个字符串。当心这里的返回,不是return View();

3、我们回到前台,假如我的功能是当页面中1个按钮单击时挪用后台的Action并返回1个字符串。

<input type="text" id="txt1" name="txt1"/><input type="button"  id="btnSub" name="btnSub" value="挪用Action"/>

如上,我的界面里放了1个文本框和1个按钮。那下面我们来实现当按钮单击时分挪用后台步骤返回字符并赋值给文本框的。

<script type="text/javascript" language="javascript"> $(document).ready(function () { $("#btnSub").click(function () { $.ajax({ type: "POST", url: "/Home/test1", data: "", success: function (sesponseTest) { $("#txt1").val(sesponseTest); } }); }); }); </script>

很单一,下面或许先容下用到的各个属性和步骤。
$(document).ready(function () {};    -------相似我们原本写的<body onload="loat();">  页面加载步骤。可是也有区别,详尽请参考官方注明。

$("#btnSub").click(function () {};     -------按钮的单击事务。此处根据各自须要自行批改了。好比($("#btnSub").focus(function () {}……))等等。

$.ajax({});   -------ajax步骤。

type:  -------  类型,此处为“POST”  另有  "GET"类型。

url:    -------  挪用的Action   书写体式   /controller/action  

data:   -------  参数,由于此处没有,以是我们为""

success: function (sesponseTest) {}   -------  回调函数,便是当我的Action 执行完后,太阳城真人真钱网址,执行的步骤。sesponseTest为Action返回的本质。

$("#txt1").val(sesponseTest);   -------  把返回的字符串赋值给文本框。

4、下面便是我们最终实现效果:当我们单击按钮的时分,通过Ajax挪用了后台的1个Action 并返回一个字符串给文本框赋值了。

4、下面便是我们最终实现效果:当我们单击按钮的时分,通过Ajax挪用了后台的1个Action 并返回一个字符串给文本框赋值了。

网上现金博彩 4、下面便是我们最终实现效果:当我们单击按钮的时分

二、带参数步骤。

我们现实项目中可以时时会遇到界面中须要转达1个或多个参数给Action,最终返回结果给界面的状况。那接下来我们就来看下带参数的挪用步骤。

1、正在原本的Action根底上我们稍作扭转。

public ActionResult test1(string id)        {            return Content(id + "返回一个字符串");        }

这个Action须要一个参数id  ,末了还是返回了一个字符画。

2、界面上我们再增多1个文本框。

<input type="text" id="txt1" name="txt1"/><br/><input type="text" id="txt2" name="txt2"/><br/><input type="button"  id="btnSub" name="btnSub" value="挪用Action"/>

此处有2个文本框,我将实现:点击按钮的时分把文本框1中的本质转达到Action举行处理,最终把返回结果显示正在文本框2钟祝

<script type="text/javascript" language="javascript"> $(document).ready(function () { $("#btnSub").click(function () { var tvalue=$("#txt1").val(); $.ajax({ type: "POST", url: "/Home/test1", data: "id=" + tvalue, success: function (sesponseTest) { $("#txt2").val(sesponseTest); } }); }); }); </script>