AJax技术

asp.net mvc 使用Ajax调用Action 返回数据

字号+ 作者:H5之家 来源:H5之家 2017-01-03 18:00 我要评论( )

使用asp.net mvc 调用Action方法很简单。

<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>

细心的大家可能会发现,和上面无参数的就是多了点点改动。
这里的data: "id=" ……   带上了1个参数。id  就是我的Action 的参数的名称 id  。  然后把文本框1的值作为参数传递给Action.

多个参数呢,data的每个参数请用&&分开,如(data: "id=12345&&str=test",)……

注意这里的参数名称要和Action 的参数名称相同。

4、我们来看下最终效果。我们在文本框1中先输入内容,然后点击按钮,给文本框2赋值。


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 《安徽电子信息职业技术学院学报》2008年05期

    《安徽电子信息职业技术学院学报》2008年05期

    2017-01-03 18:01

  • Web开发:分页技术的实现(上)——jBootstrapPage.js+ajax

    Web开发:分页技术的实现(上)——jBootstrapPage.js+ajax

    2017-01-03 17:01

  •  Ajax的惯用技巧(5)-实现进度条

    Ajax的惯用技巧(5)-实现进度条

    2017-01-03 16:01

  • ajax基本用法

    ajax基本用法

    2017-01-03 16:00

网友点评