asp.net中利用ajax获取动态创建表中文本框的值

通常在做主从表的数据录入中，会碰到在一个页面上同时录入主表数据和从表数据，主表的数据只有一条，从表的数据有一条到多条，这样就要动态创建从表数据录入入口。

假设现在主表为公司表(公司ID，公司名称，公司类型，公司规模)，从表为部门表（部门ID，公司ID，经理，联系电话），现在一个公司有四个部门，要在同一个页面上录入公司信息以及四个部门的信息，如何动态创建部门信息录入口，以及如何获取数据存储到数据库中，请看下面的代码。
页面HTML代码及js脚本
代码

代码如下:

Untitled Page

公司名称：

公司规模：

公司类型：

部门	电话	经理
			删除

后置代码
代码

代码如下:

using System; 
using System.Data; 
using System.Configuration; 
using System.Collections; 
using System.Collections.Generic; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Text; 
using System.Web.UI.HtmlControls; 
namespace WebApp 
{ 
public partial class _Default : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
//绑定公司类型 
ddlCompanyType.Items.Add(new ListItem(“国营企业”, “1”)); 
ddlCompanyType.Items.Add(new ListItem(“民营企业”, “2”)); 
ddlCompanyType.Items.Add(new ListItem(“外资企业”, “3”)); 
ddlCompanyType.SelectedValue = “1”; 
} 
} 
[System.Web.Services.WebMethod] 
public static string GetData(string companyName, string companySize, string companyType, string[] depts) 
{ 
StringBuilder buider = new StringBuilder();//显示一下提取到的数据 
buider.AppendLine(string.Format(“公司名称：{0}”, companyName)); 
buider.AppendLine(string.Format(“公司规模：{0}”, companySize)); 
buider.AppendLine(string.Format(“公司性质：{0}”, companyType)); 
CompanyInfo info = new CompanyInfo(companyName, companySize, companyType);//将数据插入到公司实体对象中 
List infos = new List(); 
DepartmentInfo info1 = null; 
string[] temp; 
for (int i = 0; i <depts.Length; i++) 
{ 
temp = depts[i].Split(new char[] { ‘,’ }); 
buider.AppendLine(string.Format(“部门：{0}，经理：{1}，电话：{2}”, temp[0], temp[1], temp[2])); 
info1 = new DepartmentInfo(); 
info1.DeptName = temp[0]; 
info1.Mamanger = temp[1]; 
info1.Phone = temp[2]; 
infos.Add(info1);//将数据插入到部门实体对象List集合中 
} 
//数据提取出来插入到数据库就是很简单的事情了。 
　 
return buider.ToString(); 
} 
} 
public class CompanyInfo 
{ 
private string _companyName; 
private string _companySize; 
private string _companyType; 
public string CompanyType 
{ 
get { return _companyType; } 
set { _companyType = value; } 
} 
public string CompanyName 
{ 
get { return _companyName; } 
set { _companyName = value; } 
} 
public string CompanySize 
{ 
get { return _companySize; } 
set { _companySize = value; } 
} 
public CompanyInfo() 
{ } 
public CompanyInfo(string companyName,string companySize,string companyType) 
{ 
this._companyName = companyName; 
this._companyS来源gaodai$ma#com搞$$代**码网ize = companySize; 
this._companyType = companyType; 
} 
} 
public class DepartmentInfo 
{ 
private string _deptName; 
private string _mamanger; 
private string _phone; 
public string Phone 
{ 
get { return _phone; } 
set { _phone = value; } 
} 
public string Mamanger 
{ 
get { return _mamanger; } 
set { _mamanger = value; } 
} 
public string DeptName 
{ 
get { return _deptName; } 
set { _deptName = value; } 
} 
public DepartmentInfo() 
{ 
} 
} 
} 

首先是用JS实现动态新增一行、删除指定行的操作，然后利用AJAX的PageMethod方式，调用后台代码实现数据提取，然后把数据装载到公司实体对象与部门实体对象集合中，提交到数据库（这部分没有去实现，不用多说了，大家都会）。其中需要注意几个方面
、必须在 ScriptManager 设置 EnablePageMethods=”true”，这样才能使用PageMethod方式
、在JS中调用的服务端函数必须加上[System.Web.Services.WebMethod]
其它的代码太简单，就不用一一说明。

以上就是asp.net中利用ajax获取动态创建表中文本框的值的详细内容，更多请关注gaodaima搞代码网其它相关文章！

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：asp.net中利用ajax获取动态创建表中文本框的值

Hi，您需要填写昵称和邮箱！