纯js封装的ajax功能函数与用法示例

这篇文章主要介绍了纯js封装的ajax功能函数与用法,结合实例形式分析了基于JavaScript封装的ajax功能函数定义及与php后台交互相关操作技巧,需要的朋友可以参考下

本文实例讲述了纯js封装的ajax功能函数与用法。分享给大家供大家参考，具体如下：

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）AJAX 不是新的编程语言，而是一种使用现有标准的新方法。是7种技术的综合,它包含了七个技术(javascript xml xstl xhtml dom xmlhttprequest , css), ajax 是一个粘合剂。

直接上程序：

js调用部分：

html部分：

<input type="button" name="ds" id="ds" value="弹出" />
<input type="text" value="" id="text"/>

ajax封装部分：

表单验证，用户名验证：

<form action="checkName.php" method="post">
  <!--span标签是用于提示，用户名重复，以及可以注册-->
  用户名：<input type="text" id="username" /><span id="inf"></span><br />
   密码：<input type="password" /><br />
  <input type="button" id="submit" value="提交" />
</form>

js调用部分：

php部分：

<?php
// echo 

输出 // echo 'qwerrtty'; //3.获取ajax传来的信息，做处理，在返回给ajax：后台做或者后台协作。 //这里两句话很重要,第一讲话告诉浏览器返回的数据是xml格式 header("Content-Type: text/xml;charset=utf-8"); //告诉浏览器不要缓存数据 header("Cache-Control: no-cache"); //返回xml txt json html $userName=$_GET['name']; if($userName=='admin'){//把内容拿到，进行判断 echo '<result><mes>该用户名重复了</mes></result>'; }else{ echo '<result><mes>该用户名可以注册</mes></result>'; } ?>

以上就是纯js封装的ajax功能函数与用法示例的详细内容，更多请关注Gxl网其它相关文章！