<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $("input[type=button]").click(function(){ var uname=$("#uname").val(); //完整写法 /*$.ajax({ url:"", //服务器网站 type:"post",///提交数据的方式 data:"name=" uname "&pwd=" pwd,///服务器传输的数据 dataType:"text",///服务器返回的数据类型 success:function(result){}，//服务器成功后，需要处理动作 error:function(){} ///服务器失败后，需要处理动作 });*/ /* $.ajax({ url:"test.txt", dataType:"text", success:function(result){ var $node=$("<p>" result "</p>"); $("#uname").after($node); } }); */ //$.get("test.txt",function(res){alert(res)}); //$.post("test.txt","name=" uname,function(res){alert(res)},"text"); /* $.ajax({ url:"test.json", dataType:"json", success:function(result){ //$("p").html(result.name ":" result.url); $.each(result,function(index,obj){ var zhi=$("p").html(); zhi=zhi "<br/>" obj.name ":" obj.url; $("p").html(zhi); }); } }); */ $.getJSON("test.json",function(result){ $.each(result,function(index,obj){ var zhi=$("p").html(); zhi=zhi "<br/>" obj.name ":" obj.url; $("p").html(zhi); }); }); }); }); </script> </head> <body> <input type="text" id="uname"><br> <input type="button" value="提交"> <p></p> </body> </html>