Fork me on GitHub

AJAX中open()方法与表单

1
2
var xhr=new XMLHttpRequest();
xhr.open('get','msg/msg.txt',true); //打开方式,地址,是否异步

注意:

异步:非阻塞模式,表示前面代码不会影响后面代码的执行。
同步:非阻塞模式,表示前面代码会会影响后面代码的执行。
在选择同步还是异步的过程中,需要判断前面的代码是否会影响后面的代码,如果会,那么就必须选择同步,否则,便是异步。

表单

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form action="get.php" method="get">
<input type="text" name="user" value="john">
<input type="text" name="age" value="20">
<input type="password" name="pwd">
<input type="submit" value="提交">
</form>
<?php
header('content-type:text.html;charset:"utf-8"');
error_reporting(0);
/*$user=$_GET['user'];
$age=$_GET['age'];
$pwd=$_GET['pwd'];*/
$user=$_POST['user'];
$age=$_POST['age'];
$pwd=$_POST['pwd'];
echo "{$user},{$age},${pwd}";
?>

区分get与post

1
2
3
4
xxx.open('get','get.php?username='+encodeURL('张三')+'&age=30'+new Date().getTime(),true);
xxx.open('post','post.php',true);
xxx.setRequestHeader('content-type','application/x-www-form-urlencoded');
xxx.send('username=zhangsan'&age=22);
  • 缓存问题需要在?后添加一个随记函数或时间戳。
  • post,数据放在send()方法里,作为参数传递。
  • 编码问题需用encodeURL()解决。

持续更新完善中。。。

据说帅的人都赏给博主几块钱零花钱。