AJAX是什么?
发布网友
发布时间：2022-04-23 12:15
共12个回答
懂视网
时间：2022-05-03 09:26
从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。
原理就是通过ajax异步提交数据给数据库。
首先前端页面就是一个按钮和赞数量。
数据库名，test，表名zan，字段zan
ajaxindex.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>异步提交</title>
<script src="jquery-2.1.1.min.js"></script>
<script src="ajaxindex.js"></script>
</head>
<body>
<button id="btn">赞</button>
<span id="result">
<?php
$con = mysql_connect("localhost","root","root");
if (!$con)
{
die(‘连接数据库失败，失败原因：‘ . mysql_error());
}
//设置数据库字符集
mysql_query("SET NAMES UTF8");
//查询数据库
mysql_select_db("test", $con);
$result = mysql_query("SELECT * FROM zan");
while($row = mysql_fetch_array($result))
{
echo $row[‘zan‘];
}
//关闭连接
mysql_close($con);
?>
</span>
</body>
</html>ajaxindex.js
$(document).ready(function(){
$("#btn").on("click",function(){
$.get("sever.php",{name:$("#btn").val()},function(data){
$("#result").text(data);
});
});
});sever.php
<?php
header("Content-type:text/html;charset=utf-8");
//连接数据库
$con = mysql_connect("localhost","root","root");
if (!$con)
{
die(‘连接数据库失败，失败原因：‘ . mysql_error());
}
//设置数据库字符集
mysql_query("SET NAMES UTF8");
//查询数据库
mysql_select_db("test", $con);
//更新
mysql_query("UPDATE zan SET zan = zan+1");
$result = mysql_query("SELECT * FROM zan");
if(isset($_GET[‘name‘])){
while($row = mysql_fetch_array($result))
{
echo $row[‘zan‘];
}
}else{
echo "赞失败！";
}
//关闭连接
mysql_close($con);
?>总体思路：
通过ajaxindex.php点击按钮，js反应，ajax异步提交给sever.php再通过js返回给页面，就不用刷新了。
sever.php就是一个查询和更新数据的，更新之后再把数据输出给页面。
整个demo下载
ajax+php+mysql实现无刷新点赞功能
标签：names ready tle sse header 连接数据库 字符集 下载 function
热心网友
时间：2022-05-03 06:34
AJAX是创建交互式网页应用的网页开发技术的一种。
Ajax = 异步 JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。可以用于创建快速动态网页的技术。在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
扩展资料
Ajax 开发与传统的 B/S开发有很大的不同。这些不同引入了新的编程问题，最大的问题在于易用性。由于 Ajax 依赖浏览器的 JavaScript 和XML，浏览器的兼容性和支持的标准也变得和 JavaScript 的运行时性能一样重要了。
综合各种变化的技术和强耦合的客户服务端环境，Ajax 提出了一种新的开发方式。Ajax 开发人员必须理解传统的 MVC 架构，这*了应用层次之间的边界。同时，开发人员还需要考虑 B/S 环境的外部和使用 Ajax 技术来重定型 MVC 边界。
最重要的是，Ajax 开发人员必须禁止以页面集合的方式来考虑 Web 应用而需要将其认为是单个页面。一旦 UI 设计与服务架构之间的范围被严格区分开来后，开发人员就需要更新和变化的技术集合了。
参考资料来源：百度百科-ajax
热心网友
时间：2022-05-03 07:52
Ajax = asynchronous（异步） JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。可以用于创建快速动态网页的技术。在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
扩展资料
Ajax 开发与传统的 B/S开发有很大的不同。这些不同引入了新的编程问题，最大的问题在于易用性。由于 Ajax 依赖浏览器的 JavaScript 和XML，浏览器的兼容性和支持的标准也变得和 JavaScript 的运行时性能一样重要了。
热心网友
时间：2022-05-03 09:27
http://tech.163.com/school · 2005-09-08 17:36:55 ·
Ajax的定义
Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。Ajax包括：
XHTML和CSS
使用文档对象模型(Document Object Model)作动态显示和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest进行异步数据接收
使用JavaScript将它们绑定在一起
传统的web应用模型工作起来就象这样：大部分界面上的用户动作触发一个连接到Web服务器的HTTP请求。服务器完成一些处理---接收数据，处理计算，再访问其它的数据库系统，最后返回一个HTML页面到客户端。这是一个老套的模式，自采用超文本作为web使用以来，一直都这样用， 但看过《The Elements of User Experience》的读者一定知道，是什么*了Web界面没有桌面软件那么好用。
图1: 传统Web应用模型(左)与Ajax模型的比较(右).
这种旧的途径让我们认识到了许多技术，但它不会产生很好的用户体验。当服务器正在处理自己的事情的时候，用户在做什么？没错，等待。每一个动作，用户都要等待。
很明显，如果我们按桌面程序的思维设计Web应用，我们不愿意让用户总是等待。当界面加载后，为什么还要让用户每次再花一半的时间从服务取数据？实际上，为什么老是让用户看到程序去服务器取数据呢？ Ajax如何不同凡响
通过在用户和服务器之间引入一个Ajax引擎，可以消除Web的开始－停止－开始－停止这样的交互过程. 它就像增加了一层机制到程序中，使它响应更灵敏，而它的确做到了这一点。
不像加载一个页面一样，在会话的开始，浏览器加载了一个Ajax引擎---采用JavaScript编写并且通常在一个隐藏frame中。这个引擎负责绘制用户界面以及与服务器端通讯。Ajax引擎允许用异步的方式实现用户与程序的交互－－不用等待服务器的通讯。所以用户再不不用打开一个空白窗口，看到等待光标不断的转，等待服务器完成后再响应。
图 2: 传统Web应用的同步交互过程(上)和Ajax应用的异步交互过程的比较(下).
通常要产生一个HTTP请求的用户动作现在通过JavaScript调用Ajax引擎来代替. 任何用户动作的响应不再要求直接传到服务器---例如简单的数据校验，内存中的数据编辑，甚至一些页面导航---引擎自己就可以处理它. 如果引擎需要从服务器取数据来响应用户动作---假设它提交需要处理的数据，载入另外的界面代码，或者接收新的数据---引擎让这些工作异步进行，通常使用XML， 不用再担误用户界面的交互。
热心网友
时间：2022-05-03 11:18
1.AJAX概述
1.1产生背景
在旧的交互方式中，由用户触发一个HTTP请求到服务器，服务器对其进行处理后再返回一个新的HTML页到客户端，每当服务器处理客户端提交的请求时，客户只能空闲等待，哪怕只是一次很小的交互,比如从服务器端得到很简单的一个数据，都要返回一个完整的HTML页，而用户每次都要浪费时间和带宽去重新读取整个页面。这样的访问增加了服务器的负担，也增加了网络的传输负荷。针对这种缺陷2005年的2月18日Jesse James Garrett提出了AJAX的概念，但是相关的技术98年就诞生了，使用Ajax后用户从感觉上几乎所有的操作都会很快响应没有页面重载（白屏）的等待。
1.2定义
异步的Javascript和xml（Asynchronous JavaScript and XML）。AJAX并不是一门新的语言或技术，它实际上是几项技术按照一定的方式组合在一起，相互协作并且发挥各自的作用。
1.3简介
Ajax的一个最大的特点是无需刷新页面便可从服务器读写数据(又称无刷新更新页面)，并利用javascript处理请求结果。应用程序只同服务器进行数据层面的交换，而不用每次都刷新界面，也不用每次将数据处理的工作提交给服务器来做，这样做既减轻了服务器的负担又加快了响应的速度，从而缩短了用户等候时间，它的应用是一种典型的Rich-client user interface engineer的实现。
Ajax的核心组件就是XMLHttpRequest，它是微软发明的，IE（IE5以上）通过允许开发人员在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能，开发人员不用从当前的Web页面导航，而直接传输数据到服务器上或者从服务器取数据。这个功能是很重要的，因为它帮助减少了无状态连接的痛苦，它还可以排除下载冗余的HTML，从而提高访问的速度。Mozilla（Mozilla1.0以上及NetScape7以上）做出的回应是创建它自己的继承XML代理类：XMLHttpRequest类。Konqueror (和Safari v1.2，同样也是基于KHTML的浏览器)也支持XMLHttpRequest对象，而Opera也将在其v7.6x+以后的版本中支持XMLHttpRequest对象。对于大多数情况，XMLHttpRequest对象和XMLHTTP组件很相似，方法和属性也类似，只是有一小部分属性不支持。
1.4现状和发展趋势
现在AJAX正处于一个快速的成长期，国内外很多web应用开发都加入了AJAX的设计思想。而且相关AJAX的开源项目也有很快的成长，先后有RICO，QOOXDOO，AMOWA等项目的兴起。google在这方面的应用相对多一些，它的googleSuggest，googleMap，Gmail都是AJAX应用的典型例子。J2EE在以后的规划中也加入了AJAX应用。
1.4.1AJAX的优点
1.4.1.1.减轻服务器的负担。因为AJAX的根本理念是“按需取数据”，所以最大可能的减少了冗余请求和响应对服务器造成的负担；
1.4.1.2.无刷新更新页面，减少用户实际和心理等待时间；
1.4.1.3.更好的用户体验；
1.4.1.4.也可以把以前的一些服务器负担的工作转嫁到客户端，利用客户端闲置的处理能力来处理，减轻服务器和网络的负担，节约网络租用成本；
1.4.1.5.面向AOP，Web Services的应用；
1.4.1.6.Ajax使WEB中的界面与应用分离（也可以说是数据与呈现分离）；
1.4.1.7.对于用户和ISP来说是双赢的。
1.4.2AJAX的不足
1.4.2.1.一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax；
1.4.2.2.用javaScript作的Ajax引擎，JavaScript的兼容性和DeBug都是让人头痛的事；
1.4.2.3.Ajax的无刷新重载，由于页面的变化没有刷新重载那么明显，所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的；
1.4.2.4.对流媒体的支持没有FLASH、Java Applet好；
1.4.2.5.低版本的浏览器不支持有*；
2.AJAX的技术介绍
2.1AJAX实现规范
符合Web标准（Web Standards Project ），使用 XHTML和CSS进行标准化呈现，鼓励使用div标签;
使用DOM实现动态显示和交互;
使用XML和XSLT进行数据交换与处理;
使用XMLHttpRequest进行异步数据读取;
最后用JavaScript绑定和处理所有数据;
2.2技术原理
AJAX并不是一项新的技术，它实际上是几项成熟技术的组合产品，主要用到的技术有XMLHTTPRequest，JavaScript，DOM，XML And XSLT，XHTML And CSS等。
热心网友
时间：2022-05-03 13:26
Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。
Ajax异步加载图示
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
热心网友
时间：2022-05-03 15:51
Ajax = 异步 JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。可以用于创建快速动态网页的技术。在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
热心网友
时间：2022-05-03 18:32
它具有如下特点:
1.ajax并不是一种新的编程语言，它是由JavaScript和XML＋异步的交互技术
2.核心对象:XMLHttpRequest(发送请求到服务器并获得返回结果)
热心网友
时间：2022-05-03 21:30
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。
中文名：阿贾克斯
外文名：Asynchronous Javascript And XML
表达式：ajax
应用学科：IT
适用领域：范围程序
适用领域范围：web前端开发
热心网友
时间：2022-05-04 00:45
热心网友
时间：2022-05-04 04:16
热心网友
时间：2022-05-04 08:04
的缩写,与web
2.0技术息息相关
