html里input框调用后端接口_js调用后台代码的几种方式

简单介绍下它的用法：

一.AjaxPro的使用

1.在项目中添加引用，浏览找到AjaxPro.2.dll文件

2.在Web.config中的system.web里面写入以下代码

/configuration>

3.在加载事件中，加入

AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));

4.写的方法都要用

[AjaxPro.AjaxMethod]开头，然后在写方法

5.调用时必须写清楚

命名空间名.类名.方法，例:WebUI._Default.getData();

6.调用可分两中方法(同步调用，异步调用)

//在后台写的无参方法

[AjaxPro.AjaxMethod]

public string getStr()

{

return "hello my friends";

}

//在后台写的有参方法

[AjaxPro.AjaxMethod]

public string getString(string str)

{

return str + "Say: hello my friends";

}

a.同步调用

(1).拖入html控件button

(2).双击,自动显示在.aspx的脚本中

(3).在里面写入你要输入的内容

例:

//------------------同步调用无参-----------

function Button1_onclick()

{

var res=WebUI._Default.getStr();

alert(res.value);

}

//------------------同步调用有参------------

function Button2_onclick() //TextBox1为服务器控件

{

var str=document.getElementById("").value;

var res=WebUI._Default.getStr(str);

alert(res.value);

}

b.异步调用

(1).拖入html控件button

(2).双击,自动显示在.aspx的脚本中

(3).在里面写入你要输入的内容

例：

//-----------------异步调用无参-----------------

function Button3_onclick() {

WebUI._Default.getStr(getStrCallBack);

}

function getStrCallBack(res)

{