Ajax使用

Javascript Ajax

1. myurl="/Shop/GoodsSer?status=sendToCart&gid=1";
2. getResult(myurl);
4. var xmlhttp;
5. function getResult(url){
6. //创建XMLHttpRequest对象
7. if(window.XMLHttpRequest){
8. xmlhttp=newXMLHttpRequest();
9. }
10. else{
11. xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
12. }
13. if(xmlhttp){
14. //打开url请求
15. xmlhttp.open("GET",url,true);
16. xmlhttp.setRequestHeader("Content-Type","text/html;charset=UTF-8");
17. //请求被发送到服务器时，执行响应任务
18. xmlhttp.onreadystatechange = complete;
19. //发送
20. xmlhttp.send(null);
21. }
22. }
24. function complete(){
25. //表示请求过程 0->4
26. if(xmlhttp.readyState==4){
27. //请求结果状态
28. if(xmlhttp.status==200){
29. var info=xmlhttp.responseText;
30. }
31. }
32. }

 

Jquery Ajax

1. $.ajax({
2. type :"post/get",
3. async :false/true,
4. url :"*.do",
5. data :{data1:$("").val(),data2:$("").val()},
6. dataType :"text/xml/json",
7. success :function(result){
8. handler...
9. }
10. });
12. $.post("login.do",{
13. data1 : $('').val(),
14. data2 : $('').val()
15. },function(data){
16. handler...
17. },"json").error(function(){...};
19. $.post("login.do", $("#form").serialize(),function(data){
20. handler...
21. },"json").error(function(){...};

 

动态加载js

1. jQuery.getScript("static/library/plugins/city-select/jquery.cityselect.js",
2. function(data, status, jqxhr){
3. $("#city").citySelect({
4. prov:"1", city:"1", dist:"1"
5. });
6. })
7. });

 

/******************************************************************/

 

例子

1. <script type="text/javascript">
2. function send(){
3. $("#login").animate({opacity:0.5},1000,function(){
4. var uname = $("#uname").val();
5. var pwd = $("#pwd").val();
6. var _url ="/Chat/Login";
7. $.ajax({url:_url, type:"get", dataType:"html", data:{action:'login',uname:uname,pwd:pwd},
8. beforeSend:function(){
9. $('#resDv').text("正在登录......");
10. $('#resDv').fadeIn("slow");
11. },
12. error:function(){alert("登录失败！")}
13. ,success:function(msg){
14. $('#resDv').fadeOut("slow",function(){
15. $("#login").animate({opacity:100},2000);
16. $("#uname").val("");
17. $("#pwd").val("");
18. location.href="main/index.jsp";
19. });
20. }
21. });
23. })
24. }
25. </script>

 

 

 

来自为知笔记(Wiz)