Web前端-Ajax基础技术(上)

booster 发布于2019-04-23 11:46 / 2946人阅读

摘要：前端基础技术上是浏览器提供一套的用于向服务器发出请求，接受服务端返回的响应，通过调用，实现通过代码控制请求与响应，实现网络编程。事件的状态信息，从到变化，为请求未初始化，为建立连接成功，为请求已接收，为请求处理中，为请求完成。。

Web前端-Ajax基础技术(上)

ajax是浏览器提供一套的api,用于向服务器发出请求，接受服务端返回的响应，通过javascript调用，实现通过代码控制请求与响应，实现网络编程。

ajax发送请求：




 
 Ajax

http协议：

兼容：

var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

模板：

https//aui.github.io/art-template/

面试手写：

var xhr = new XMLHttpRequest();

xhr.open("GET", "###.php");

xhr.send(null);

xhr.onreadystatechange = function() {

 if(this.readyState === 4){
  console.log(this);
 }

}

实例：




 




//php

$id = isset($_GET["id"]) ? intval($_GET["id"]) : "";

$con = mysqli_connect("localhost","root","123456");

if (!$con)
{
    die("连接失败: " . mysqli_error($con));
}

// 选择数据库
mysqli_select_db($con,"test");

// 设置编码
mysqli_set_charset($con, "utf8");

$sql="SELECT * FROM Websites WHERE id = "".$id.""";
 
$result = mysqli_query($con,$sql);

结言

好了，欢迎在留言区留言，与大家分享你的经验和心得。

感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。

作者简介

达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。

GPU云服务器云服务器 web前端 ajax web前端基础 web前端零基础零基础web前端

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1135.html

前端相关大杂烩

摘要：希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎，由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时，老司机们首先就会告诉你其实是个没有网络请求功能的库。前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 评论0 收藏0
Web前端-Ajax基础技术(下)

摘要：前端基础技术下你要明白是什么，怎么使用，程序是将信息放入公共的服务器，让所有网络用户可以通过浏览器进行访问。获取字符串形式的响应数据，获取形式的响应数据。基础回顾原理是借助标签发送跨域请求的技巧。 Web前端-Ajax基础技术(下) 你要明白ajax是什么，怎么使用？ ajax，web程序是将信息放入公共的服务器，让所有网络用户可以通过浏览器进行访问。浏览器发送请求，获取服务器的数据：...

赵连江 2019-04-23 11:44 评论0 收藏0
大前端2018现在上车还还得及么

摘要：面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象，，，事件驱动，事件发射器加密解密，路径操作，序列化和反序列化文件流操作服务端与客户端。第一阶段： HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础：Js基础教程、js内置对...

stormgens 2019-08-01 18:25 评论0 收藏0
大前端2018现在上车还还得及么

摘要：面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象，，，事件驱动，事件发射器加密解密，路径操作，序列化和反序列化文件流操作服务端与客户端。第一阶段： HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础：Js基础教程、js内置对...

mylxsw 2019-08-22 13:49 评论0 收藏0