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);
}
Ïà¹ØÎĵµ£º
±³¾°ÃèÊö£º
ÓÐÒ»¸ö±íµ¥£¬ÀïÃæÓÐÐÕÃû£¬êdzƣ¬µç»°µÈÐÅÏ¢£¬È»ºóÌá½»µÄʱºòÒª½øÐÐһЩÅжϣ¬±ÈÈçÊDz»ÊÇûÓÐÌîд£¬µç»°ºÅÂëÊÇ·ñ·ûºÏ¹æÔòµÈµÈ£¬Åжϲ»Í¨¹ýµÄ»°£¬Ôò×èÖ¹Ìá
½»¡£»¹ÓÐÒ»ÏîÐèÇóÊÇÅжÏêdzÆÊÇ·ñº¬ÓÐϵͳҪ¹ýÂ˵Ĵʻ㣬¶øÕâЩ´Ê»ãµÄÁÐ±í´æ·ÅÔÚ·þÎñÆ÷ÉÏ£¬ËùÒÔÐèÒªÓõ½ajaxÀ´×ö¡£
&nbs ......
¿´¿´ Ajax ºÍ DOM ½Å±¾±à³Ì¾¿¾¹Óжà¼òµ¥
ÎĵµÑ¡Ïî
½«´ËÒ³×÷Ϊµç×ÓÓʼþ·¢ËÍ
¼¶±ð£º Öм¶
Jesse Skinner, Web ¿ª·¢ÈËÔ±, Freelance
2007 Äê 5 ÔÂ 16 ÈÕ
jQuery ÊÇÒ»¸öJavaScript ¿â£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼° Asynchronous JavaScript + XML (Ajax) ±à³Ì¡£ÓëÀàËÆµÄ JavaScript ¿â²»Í¬£¬jQuery ......
1. http://hi.baidu.com/lshun/blog/item/2378b4c36fdef455b219a85b.html
CODE:
<?xml version="1.0" encoding="UTF-8"?>
<data>
<pets>
<è />
<¹· />
< ......
ѧϰAjax½Ì³Ì£¬ÏêϸÁ˽âGetÓëPost
Get·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥Êý¾Ý
´óС:url×î´ó³¤¶ÈÊÇ2083 bytes,¿ÉÒÔÓÃÓÚGET´«µÝÊý¾ÝµÄ³¤¶ÈÊÇ2048 bytes
°üº¬Ìå:Êý¾Ý×·¼Óµ½urlÖз¢ËÍ,Ò²¾ÍÊÇhttpµÄheader´«ËÍ
Post·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥¸´ÔÓÊý¾Ý
´óС:web.configÀïÏÞÖÆ
°üº¬Ìå:Êý¾ÝÔÚhttpÇëÇóµÄʵÌåÄÚÈÝÀï´«ËÍ
AjaxÓÃPostģʽ´«ËÍÊ ......
Ò»¡¢´¦ÀíajaxÇëÇóµÄjspÎļþ£ºauto.jsp
<%@ page contentType="text/html; charset=gb2312" %>
<%
//ÉèÖÃÊä³öÐÅÏ¢µÄ¸ñʽ¼°×Ö·û¼¯
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control","no-cache&q ......