ajax知识

在这里插入图片描述

1. 提交数据的方式post和get

Get(url能看见参数,有数据大小限制,长度有限制)
post(url不能看见参数,无数据大小限制,用来上传文件给服务器)

2. PHp中输出变量的详细内容(print_r是一个php预定义的传递参数)

print_r($vegetableArr);

3. 案例模拟用户数据

从浏览器form表单中,php获取数据并解析

<?php header('content-type:text/html;charset=utf-8'); //模拟用户数据 $personArr=array( 'jack'=>array('name' =>'jack' ,'age'=>18,'skill'=>'帅' ), 'rose'=>array('name' =>'rose' ,'age'=>16,'skill'=>'美' ), 'jian'=>array('name'=>'jian','age'=>16,'skill'=>'酷' ) ); //通过post获取提交的数据key $key=$_POST['name']; //从数据中获取对应的用户数据 print_r($personArr[$key]); ?>

4. 案例文件上传

步骤:浏览器端,form表单,method=post,input,submit
服务器端:php文件,$_file获取上传的文件,也是一个超全局变量
上传文件必须设置 enctype =‘multipart/form-data’

5. 浏览器发送的是HTTp请求

请求报文,浏览器发出,响应报文

6. 密码发送的方式,发送之前会加密发送的是密文,可以再输入数字的时候按shift

7. Ajax基本概念

在不刷新页面的情况下,偷偷发送数据给服务器,通过发出http请求
写法是通过浏览器端的js帮我们预定义的一个异步对象来完成
(同步就是指按照一定顺序执行,异步不受主要的流程影响)

8. 发送ajax请求需要5步

//1.创建异步对象
var ajaxObj=new XMLHttpRequest();
//2.设置请求的url参数
//参数1:请求的方法 参数2:请求的url
ajaxObj.open(‘get’,‘ajax.php’);
//3.发送请求
ajaxObj.send();
//4.注册事件
//onreadystatechange状态改变就会调用,如果完美请求回来的时候才调用我们需要手动的
ajaxObj.onreadystatechange=function(){
//为了保证数据完整,我们判断两个值
if(ajaxObj.readyState4&&ajaxObj.status200){
//5.在注册的事件中获取返回的内容并修改页面的显示
console.log(“调用了”);
//数据是存在异步对象的属性中的
console.log(ajaxObj.responseText);
}

} 9. 写ajax的步骤

先写html页面,通过某种条件发出ajax请求
在写php页面,处理发过来的请求
再回到浏览器异步对象的onreadyStateChange事件中

10. 如果使用post发送数据,必须设置如下格式

ajax.setRequestHeader(‘Content-type:application/x-www-form-urlencoded’);
如果需要像HTML表单那样post数据,请使用setRequestHeader()
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值