$.get和$.post实例

get和post用法一样，我只写个$.get的。

 

【HTML】

<input type="text" id="myFishName" name="myFishName" value="">
<button>btn</button>
<p>result: <span style="color:red;font-weight: bold;"></span></p>

 

【jQuery】

$("button").click(function(){
　　var Fishname=$("#myFishName").val();
　　var Json={name:Fishname};
　　$.ajax({
　　　　url:'2.php',
　　　　type:'GET',
　　　　data:Json,
　　　　success:function(data){
　　　　　　$("span").text(data);
　　　　}
　　});
});

 

【PHP】

$name=$_GET['name'];　　// 通过Json的键名，即可获得传过来的Json里对应的值
$a='This is my fish,name is '.$name;
echo $a;

 

最后html页面上打印出来的结果就是：

result: This is my fish,name is 你在input里输入的值