Ajax 入门1：如何用Ajax建立一个简单的web应用程序（html + javascript + php）

最新推荐文章于 2021-12-14 22:21:26 发布

whkcb1989

最新推荐文章于 2021-12-14 22:21:26 发布

阅读量386

点赞数

文章标签： apache html php ajax

本文链接：https://blog.csdn.net/whkcb1989/article/details/23296933

版权

最近对 Ajax 产生了兴趣，花了2个星期做到了Ajax的入门。什么是 Ajax，相信网上已经有很多的介绍了，推荐下面的链接可以做到对 Ajax 的初步认识。

http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html

废话不多说现在开始我们的入门简单介绍，我们的目的是写一个前端（html + javascript） + 后端（php）模式的程序。

首先我们需要写一个前端页面 html 内嵌 javascript 代码。这个比较easy。网上有很多，直接上个简单的例子如下：

/***********AjaxApply.html**************************/

<html>

<head>
<meta http-equiv = "Access-Control-Allow-Origin"
content = "*">
<title>a test</title>
<script src = "AjaxApply.js"></script></head>

<body>
<p>Input a: <input type = "text" id = "a"
onChange = "sendAandB();"/></p>
<p>Input b: <input type = "text" id = "b"
onChange = "sendAandB();"/></p>

<p>Output sum: <input type = "text" id = "sum" /></p>

</html>

/************************AjaxApply.js********************/

前端比较简单，现在的问题是我们要能够调用 url 标明的 php文件，运行 php 文件并返回结果。这里比较重要的一步是搭建运行php的web服务器，

在这里，我安装的是 apache2.2 + php 5 ，网上有安装教程。重要的是两个配置文件 httpd.conf 和 php.ini 的修改，

当然最重要的就是将 apache 配置成支持解析php文件。

安装教程：http://wenku.baidu.com/link?url=OwV6dDyLqYoJ7tMnId23D21iD10N_pRfZ-M2by3YdtCyI0MQpbC4OgDLfDidWH8O4J6bemIPCw8jjMqf8yt-Yy088hAiWo0c-0VUdFKLZ9i

安装配置完成后，我出现的问题主要是不能解析 php，这是因为 php.ini 中的一个便签 short_open_tag = Off，只需改成 On 即可。

下面是服务器端 php 的问题了，也没什么只需按照 php 语法写好就可以了然后丢到你在上面设置的 apache 的默认文件夹下就行了。

/***********************AjaxApply.php*********************************/

<?php

header('Content-Type: text/php');
header("Cache-Control: no-cache, must-revalidate");

$a = $_GET["a"];
$b = $_GET["b"];

$file = fopen("info.txt", "a+");

$sum = $a + $b;
fwrite($file, $sum);
//$str = "\n";
//fwrite($file, $str);

fclose($file);

echo $sum;

?>