MVC Json Ajax 二级 级连
<script type="text/javascript">
$(document).ready(function() {
$("#teamName").change(function() {
$.getJSON('/team/SelectProduct', { teamName: $("#teamName").val() }, function(data) {
$("#productID").empty();
$.each(data, function(i, item) {
$("<option></option>")
.val(item)
.text(item)
.appendTo($("#productID"))
});
});
})
});
controller:
public ActionResult SelectProduct()
{
string teamName = Request.Params["teamName"];
int teamID = dc.TestTeams.Where(x => x.Name == teamName).SingleOrDefault().Id;
var productCollection = dc.Products.Where(x => x.TestTeamId == teamID).Select(x=> x.ShortName);
return Json(productCollection);
}
相关文档:
背景描述:
有一个表单,里面有姓名,昵称,电话等信息,然后提交的时候要进行一些判断,比如是不是没有填写,电话号码是否符合规则等等,判断不通过的话,则阻止提
交。还有一项需求是判断昵称是否含有系统要过滤的词汇,而这些词汇的列表存放在服务器上,所以需要用到ajax来做。
&nbs ......
前台HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style ......
有关ajax的其实就是1个类的使用:XMLHttpRequest.
首先要声明这个类的对象,鉴于各个浏览器把这个类嵌入的方式不同,声明的方式也不同:
var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla 浏览器
{
xmlHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) // ......
AJAX类
// AJAX类
function AJAXRequest() {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e ......