ajax学习准备篇

我们把开发好的html css js部署到服务器上,然后就可以访问了,我们称这些服务器上的文件为资源。

我们把资源分为两类:

实际上,我们开发都是在开发资源,开发好了部署到服务器上,然后客户端就可访问我的资源了。

1. 静态资源

可以通过浏览器直接打开,直接解析的我们称为静态资源。html,js,css,image 我们可以理解为静态资源

2. 动态资源

PHP,jsp,asp 我们可以理解为动态资源

动态资源和静态资源的区别

  • 浏览器只认识静态资源。

  • 我的浏览器通过输入地址区访问呢服务器,实际上是去访问服务器上的资源。

  • 服务器上有静态资源,也有动态资源。

  • 如果我的浏览器访问的是服务器上的动态资源,服务器会把动态资源转换称静态资源,然后在传给客户端浏览器。

  • 如果我的浏览器访问的是服务器上的静态资源,那么服务器会直接把静态资源传送给浏览器解析。

  • 动态资源是在服务端运行的,静态资源是在客户端运行的。

  • PHP 就是在服务端运行的,用来处理服务端逻辑的。

客户端与服务端进行交互

客户端发送请求有几种方式:

发送请求是给服务器端进行提交,提交数据到服务器,提交有两种常见的方式,一个是get,一个是post,

  1. 在地址栏输入地址发送请求

  2. 点击一个超链接,发送请求

  3. 表单提交也是属于发送请求

1. 什么是get提交

  1. 在地址栏输入地址发送请求,点击超链接也属于get提交。

  2. 表单提交,<form action="" method="get"></form>默认是get方式提交。

  3. 在地址栏网址url后边加上问号,后边紧跟参数。
    ?paraName=value&paraName=value&paraName=value

2. 什么是post提交呢?

  • 表单提交,可以设置称post方式提交,

  • 自动把数据发送到服务器

服务端

1. 接收请求

$_GET和$POST这两个变量得到的值是一个关联数组,客户端的数据放在关联数组里面,需要根据key去获取里边的值

2. 处理请求

连接数据库,增删改查

3. 响应数据

根据处理请求的逻辑,给客户端不同的响应结果

服务端接收到客户端的请求,一般要做那些处理?

1. 用户登录

登录页面,表单,用户名,密码,登录按钮
2. 处理登录请求的PHP
接收请求,接收用户名以及密码,对接收到的用户名密码进行判断,
  • 如果正确,则进行连接数据

  • 如果不正确就提示错误

文件上传

客户端:

  1. 必须是表单提交的

  2. 表单提交里面必须有一个 input type=“file”

  3. 必须是post方式提交的

  4. 必须给表单设置一个属性enctype="multipart/form-data"

服务端

  1. 要接收客户端的数据, $_GET,$_POST,不能接收文件上传的数据,文件上传的数据,我们应该用$_FILES 的变量去接收,接收的数据也是一个关联数组

  2. 接收到这个数据之后,需要把这些数据保存到服务端硬盘上面。

  3. 动态输出

    <?PHP if(true) { ?>
    
    <?PHP } ?>
    
    <?PHP for($i=0;$i<=1000;$i++){ ?>
    
            <div><?PHP echo $i; ?></div>
    
    <?PHP } ?>

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...