jquery + ajax 简单入门演示

作者:陈江松Jesse
链接:https://www.zhihu.com/question/26543565/answer/33191569
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

会jquery吗,可以先从jquery的ajax入手,会比较简单。

ajax写在js脚本里,一般是获取表单的数据(value)然后传到php脚本进行处理,再接受返回的数据。jquery的写法是这样的:

js脚本

$.ajax({
	type:'post', 
	url:'index.php',
	data:{
		id:1,
		num:2
		},
	datatype:'json',
	success:function(data){   //这里的data是php返回的数据
		alert(data);
//输出php脚本里'echo' 后面的数值,也就是3
	}
})

type是传值的方式,有get和post,php脚本里取值语句也要用对应的方式。url后面的参数是将数据传递到你想要的php脚本路径,这里是相对路径。data是你要传递的数据,一般从表单中娶过来后写成json的形式传递。

datatype是获取数据的格式,success是传递成功后的反馈或者使用接收回来的数据,这里的data参数是php处理后的(你想要的)数据,php那边对应的是echo后面的东西。

php脚本:index.php

<?php 
 	$id=$_POST['id'];
//$id=1
 	$num=$_POST['num'];
//$num=2

 	$data=$id+$num;
 //$data=1+2=3

 	echo $data;
  ?>

前面两句是取传过来的数据,分别对应了ajax里data的数值,第三句是一个简单的数据处理。最后php脚本的输出值就是echo语句后面的内容,并返回给js脚本里success的function的参数data。

发表评论

电子邮件地址不会被公开。 必填项已用*标注