搜索器Javascript+webservice的应用

首先根据用户ID号,绑定个人填写的所有搜索器

foreach (DataRow dr in dt.Rows)

{

this.cbPersonSearch.Items.Add(new ListItem("<a style='cursor:hand;' onclick='SwitchPersonSearch("+dr["YX_ID"].ToString()+")'" + ">" + dr["searchName"].ToString() + "</a>", dr["YX_ID"].ToString()));

}

当点击左边的搜索器名称时,右边自动加载搜索器我内容,实现无刷新页面自动加载.

//根据搜索器ID号显示搜索器内容

function SwitchPersonSearch(_yx_id)

{

//alert(_yx_id);

WebServiceSample.Get_personSearchModel_byID(

　　_yx_id,　　　 //params

　　OnRequestComplete1　　//Complete event

　　);

}

其中_yx_id是传给函数的参数,OnRequestComplete1是当函数完成时,在前台页面所要处理的函数.

在调用web services文件时注意要在源文件中加入ajax控件ScriptManager,并设置指向的文件

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Services>

<asp:ServiceReference Path="~/test/WebServiceSample.asmx" InlineScript="true"/> </Services>

</asp:ScriptManager>

这是WebServiceSample.cs文件中的函数

[WebMethod]

public PersonSearch Get_personSearchModel_byID(int _yx_id)

{

PersonSearch_Bll personSearch_bll = new PersonSearch_Bll();

PersonSearch model=new PersonSearch();

model=personSearch_bll.GetPersionSearch_byID(_yx_id);

return model;

}

//根据返回的搜索器模型,来填充到右边的页面中.

function OnRequestComplete1(model)

　　{

　　　　//alert(result);

　　　　

　　　　SelectKeyWord(model.Tag); //选择关键字

　　　　document.getElementById('HiddenModify').value=model.YX_ID;

　　　　document.getElementById('searchID').value=model.YX_ID; //当YX_ID为0时,添加搜索器,不为0时悠搜索器

　　　　document.getElementById('lblSearchName').innerText=model.SearchName;

　　　　document.getElementById('txtKeyWord').value=model.Key_word;

　　　　document.getElementById("kind_company").value= model.CompanyClass;

　　　　document.getElementById("ddEducationRequire").value=model.EducationRequire;

　　　　document.getElementById("ddWorkType").value=model.WorkType;

　　　　document.getElementById("ddMonthPay").value=model.Payment;

　　　　document.getElementById("ddWorkYear").value=model.WorkYear;

　　　　document.getElementById("ddDeleaseDate").value=model.ReleaseDate;　　　　

　　　　document.getElementById("Position_b").value=model.Trade;

　　　　//document.getElementById("Position_b").onchange=function() {alert("df");}

　　

　　　　tradeSecPCBFun(model.Trade); //加载职业列表

　　　　document.getElementById("Position_s").value=model.TradeSec;　

　　　　Get_tradeClassPCBSec_int();

　　　　　　

　　　　var arr=model.WorkAddress.split(',');

　　　　document.getElementById("prov").value=arr[0];

　　　　cityName(arr[0],0,'city');

　　　　document.getElementById("city").value=arr[1];

　　　　GetCityName();

　　　　document.getElementById("searchName").value=model.SearchName;　　　　

　　}