ajax例子

最新推荐文章于 2023-11-21 13:31:26 发布
最新推荐文章于 2023-11-21 13:31:26 发布
阅读量205 收藏
点赞数
分类专栏： 给自己看的
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_38147656/article/details/70216678
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function showHint(str)
{
  var xmlhttp;
  if (str.length==0)
  { 
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","/try/ajax/gethint.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>


<h3>在输入框中尝试输入字母 a:</h3>
<form action=""> 
输入姓名: <input type="text" id="txt1" οnkeyup="showHint(this.value)" />
</form>
<p>提示信息: <span id="txtHint"></span></p>
 
</body>
</html>
Sea_Rise
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax完整案例
梦想不会灭
08-30 1790
在jQuery中AJAX的写法有3种，ajax，ajax，ajax，post，get这三种。其中get这三种。其中get这三种。其中post和get是简易写法，高层的实现，在调用他们的时候，会运行底层封装好的get是简易写法，高层的实现，在调用他们的时候，会运行底层封装好的get是简易写法，高层的实现，在调用他们的时候，会运行底层封装好的ajax。 ajax案例 $.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"
简单易懂：Ajax入门实例详解（登录功能）
大三软件工程在读，喜爱编程，分享。
05-22 3165
Ajax（Asynchronous JavaScript and XML）是一种基于Web技术的编程实现方式，它使用JavaScript和XML来实现异步的数据交互。JavaScript负责发起请求和处理响应，而XML则负责将数据与页面分离。Ajax能够在不刷新整个页面的情况下更新页面内容，提高了页面的响应速度和用户体验。
Ajax 简单小例子
L的博客
12-16 736
光是看 ajax 的基本知识很难理解 ajax 的用处和具体的实现流程。下面是一个Ajax的简单小例子。 1. ajax 需要向服务器发送 ajax请求,所以我们需要有一个服务器进行响应,下面是在node.js平台创建的一个服务器,代码如下: var http = require('http') var fs = require('fs') var url = require('url') ...
ajax常用案例,AJAX实例
weixin_34649252的博客
08-05 1989
AJAX实例用户页面发起一个请求， 使用servlet输出数据到jsp练习使用HttpServletResposne输出。pint使用servlet输出一个字符串响应ajax请求根据省份id查询省份名称需求：用户在文本框架输入省份的编号id，在其他文本框显示省份名称● 项目环境准备：数据库：springdb数据表：● 省份信息表：CREATE TABLE `province` (`id` int(...
Ajax例子源码
10-05
最基本的Ajax写法(成功和失败的返回)
AJAX 例子
03-06
AJAX 例子
Ajax（基本介绍+使用+示例代码+场景回放）
weixin_45594172的博客
11-21 1973
Ajax（基本介绍+使用+示例代码+场景回放）
史上最简单AJAX例子
stevenbill的博客
02-10 276
此篇也是 AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 国内通常的读音为“阿贾克斯”。 下面是一个最简单的AJAX验证用户名是否存在的例子。 JSP页面 //下面这个不理解没关系，反正就是为了不同的浏览器创建不同的X...
一个最简单的AJAX例子
01-03
一个最简单的AJAX例子 好看来评论哦.
Ajax做的一个小例子
03-28
NULL 博文链接：https://zys08.iteye.com/blog/1223960
Ajax小例子
05-24
NULL 博文链接：https://marcus.iteye.com/blog/358558
一个非常简单的ajax例子
07-31
一个非常简单的ajax例子 可以直接运行 其中包括两个javascript 从中可以看到如何创建XMLHttpRequest对象 对初学AJAX的会用帮助
ajax的例子
02-08
//构建全局的XmlHttpRequest对象 var xmlHttpRequest; //根据不同的浏览器创建XmlHttpRequest function createXmlHttpRequest(){ //如果该对象不支持IE浏览器，那么利用其他方式构造对象 if(window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP"); } //创建火狐浏览器的XmlHttpRequest对象 else if(window.XMLHttpRequest) { return new XMLHttpRequest(); } }
AJAX技术在PHP开发中的简单应用
桂林哈秋 - 我想学编程
01-02 1410
AJAX无疑是2005年炒的最热的Web开发技术之一，当然，这个功劳离不开Google。我只是一个普通开发者，使用AJAX的地方不是特别多，我就简单的把我使用的心得说一下。（本文假设用户已经具有JavaScript、HTML、CSS等基本的Web开发能力） 　　[AJAX介绍]　　Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁，就可以动态
Ajax最实用的小例子集合
Mr_王小峰的博客
11-19 1321
今天我为大家带来了几个非常实用的ajax小例子，都是在工程中经常用到的实用的例子。适合有基础的同学，废话也不多说了，看代码   哦，对了，所有的例子都是用servlet+jsp实现的 至于三大框架的，我相信，只要这个会了，那都不是事... 1、我们先用基本的ajax实现验证用户名是否存在的例子(此例子只对IE浏览器)， 例子截图 jsp的代码 <%@ page language=
ajax最简单的小案例
zhangli0421的博客
11-01 1117
// 1.创建小黄人对象(哈哈其实就是xhr) var xhr = new XMLHttpRequest() // 2.绑定事件监听函数 xhr.onreadystatechange = function(){ //readyState 属性存有 xhr 的状态信息, 为4时: 请求已完成，且响应已就绪 if(xhr.readyState==4){ // 5.拿数据 , 200表示异步调用成功 if(xhr.status==200){ console.log.
jQuery的Ajax实例（附完整代码）
热门推荐
Yuan_mingyu的博客
02-02 8万+
目录写在前边什么是AjaxAjax基本结构实例实例1实例2小结 写在前边 作为一个前端刚入门没多久的小白，想在这里分享一下我的学习内容，就算是学习笔记了。因为前端的大部分学习都是通过网站上的教程，所以遇到不懂得问题，也只有求助于网络，通过度娘，了解到了一些论坛、博客。在发现了众多技术大牛的同时，我也发现，一些像我这样的小白，由于能力有限，在查找相关资料的时候，对于大佬的一些操作理解困难，虽说能照猫...
php 表格 定时刷新 ajax 例子
最新发布
12-06
PHP表格定时刷新的例子可以通过Ajax来实现。下面是一个简单的例子： 假设我们有一个包含学生信息的表格，我们要每隔一段时间从数据库中获取最新的学生信息，并用Ajax定时刷新表格。 HTML部分： ``` <table id="student_table"> <tr> <th>学生ID</th> <th>学生姓名</th> <th>年龄</th> <th>性别</th> </tr> </table> ``` JavaScript部分： ``` <script> function refreshTable() { // 使用Ajax发送请求 var xhr = new XMLHttpRequest(); xhr.open('GET', 'get_students.php', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 获取服务端返回的数据 var students = JSON.parse(xhr.responseText); var table = document.getElementById('student_table'); // 清空表格内容 table.innerHTML = ''; // 重新填充表格 for (var i = 0; i < students.length; i++) { var row = table.insertRow(i+1); row.insertCell(0).innerHTML = students[i].id; row.insertCell(1).innerHTML = students[i].name; row.insertCell(2).innerHTML = students[i].age; row.insertCell(3).innerHTML = students[i].gender; } } }; xhr.send(); } // 每隔5秒刷新表格 setInterval(refreshTable, 5000); </script> ``` PHP部分（get_students.php）： ``` <?php // 假设从数据库中获取学生信息 $students = array( array('id' => 1, 'name' => '张三', 'age' => 20, 'gender' => '男'), array('id' => 2, 'name' => '李四', 'age' => 22, 'gender' => '女'), array('id' => 3, 'name' => '王五', 'age' => 21, 'gender' => '男') ); // 返回JSON格式的数据 echo json_encode($students); ?> ``` 上述代码中，JavaScript部分使用Ajax发送GET请求到`get_students.php`，然后在请求成功时，使用返回的学生信息重新填充表格。页面加载后通过`setInterval`函数每隔5秒自动执行一次`refreshTable`函数，实现定时刷新表格的效果。PHP部分用于模拟从数据库中获取学生信息，并将数据以JSON格式返回给JavaScript。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值