有一個方案表：PlanID,PlanName兩個字段，現在需要在頁面加載的時候通過ajax從后台獲取服務器數據然后綁定到select控件
前台JS代碼：
<script type="text/javascript">
$(document).ready(function () {
var modelid = document.getElementById("<%=hidModelID.ClientID %>").value;
var oldplanid = document.getElementById("<%=hidOldPlanID.ClientID %>").value;
var para = "{'modelid':'" + modelid + "'" + "}"; //拼成json格式的字符串
//或者這樣寫：
// var para = "{num1:'" + number1 + "'"+"," + "num2:'" + number2 + "'}";
$.ajax({
type: "POST",
url: "TerminalSaleedRegisterEdit.aspx/GetFavourPlan",
data: para,
dataType: "json",
contentType: "application/json;charset=utf-8",
success: function (msg) {
var obj = eval("(" + msg.d + ")");
var htm = "";
for (i = 0; i < obj.plans.length; i++) {
htm = htm + "<option value='" + obj.plans[i].planid + "'>" + obj.plans[i].planname + "</option>";
}
$("#sltPlanID").html(htm);
document.getElementById("sltPlanID").value = oldplanid;
},
error: function (e) { alert(e.message); }
});
});
function ChangePlan() {
var newplanid = document.getElementById("<%=hidNewPlanID.ClientID %>");
newplanid.value = document.getElementById("sltPlanID").value;
}
</script>
select控件：
<tr>
<td class="title1">優惠方案</td>
<td><select class="select" id="sltPlanID" style="width:100%;" onchange="ChangePlan()"></select></td>
</tr>
后台代碼：
[WebMethod]
public static string GetFavourPlan(string modelid)
{
List<FavourPlan> listPlan = new FavourPlanLogic().GetEntitys("ModelID='" + modelid + "'");
string retStr="{'plans':[";
for (int i = 0; i < listPlan.Count; i++)
{
retStr += "{'planid':'" + listPlan[i].ID + "','planname':'" + listPlan[i].PlanName + "'},";
}
retStr = retStr.Substring(0, retStr.Length - 1);
retStr += "]}";
return retStr;
}
返回到前台的是一個數組類型的JSON字符串，例如：
{'plans':[{'planid':'11001','planname':'優惠方案1'},{'planid':'11002','planname':'優惠方案2'}]}