史上最简单之ajax实例

最新推荐文章于 2023-11-21 13:31:26 发布
最新推荐文章于 2023-11-21 13:31:26 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： WEB开发 文章标签： ajax xmlhttprequest function null header 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xviewee/article/details/1901341
版权
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
史上最简单之ajax实例
/*
Ajax.js
ajax核心文件
*/
var xmlHttp = null;
xmlHttp = new XMLHttpRequest();
function ajax(qurl,showid)
{
 
        
         //IE7.firefox
         xmlHttp.open("GET",qurl,true);
        
        //相应处理函数数的含参写法
         xmlHttp.onreadystatechange = function(){handleRequest(showid)};
        
         xmlHttp.send(null);
}
 
// handleRequest被调用四次
function handleRequest(showid)
{
         if (xmlHttp.readyState == 4)
         {
                   if (xmlHttp.status == 200)
                   {
                            document.getElementById(showid).innerHTML = xmlHttp.responseText;
                   }
         }
         else
                   {
                            alert(xmlHttp.readyState);              
                   }
}
 
/*
Index.htm
*/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src= ajax.js type=text/javascript></script>
</head>
<body>
<a href=test.php οnclick="ajax(this.href,'test');event.returnValue = false;">asdffa</a>
<div id='test'>
        
</div>
 </body>
</html>    
 
/*
Test.php
服务器相应
*/
<?php
         //header不加，中文会出现乱码
header('Content-Type:text/html;charset=GB2312');
         echo "<I>史上最简单之AJAX实例</I>";
?>
 
 
Xviewee
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Ajax 简单小例子
L的博客
12-16 750
光是看 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 2021
AJAX实例用户页面发起一个请求， 使用servlet输出数据到jsp练习使用HttpServletResposne输出。pint使用servlet输出一个字符串响应ajax请求根据省份id查询省份名称需求：用户在文本框架输入省份的编号id，在其他文本框显示省份名称● 项目环境准备：数据库：springdb数据表：● 省份信息表：CREATE TABLE `province` (`id` int(...
ajax例子
上千主上-贝库塔
10-28 1224
ajax
ajax完整案例
梦想不会灭
08-30 1810
在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 3923
Ajax（Asynchronous JavaScript and XML）是一种基于Web技术的编程实现方式，它使用JavaScript和XML来实现异步的数据交互。JavaScript负责发起请求和处理响应，而XML则负责将数据与页面分离。Ajax能够在不刷新整个页面的情况下更新页面内容，提高了页面的响应速度和用户体验。
ajax 的入门案例
qq_52370789的博客
04-12 701
ajax，Asynchronous JavaScript And XML，异步的JavaScript和XML同步：伴随着页面的刷新或跳转，即全局刷新；同步请求会阻塞代码的执行，即同步请求会一个一个的执行异步：在不刷新页面的情况下与服务器进行交互，即局部刷新；异步请求不会阻塞代码的执行，ajax请求一旦发送，不会等服务器响应结果完毕，后面的代码就会继续执行ajax的核心对象XMLHttpRequest。
Ajax简单教程
Daisy_Journal的博客
11-16 241
Ajax流程图: 一:GET请求 目录结构 index.html <html> <head> <meta charset="utf-8"> <title>get请求数据</title> </head> <body> <input type="button" value="get数据" /> &lt...
ajax一个最简单的例子
06-30
最简单的Ajax实例 ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 监听状态变化，当状态为4（表示请求已完成）且状态码为200（表示成功）时，执行回调函数 xhr.onreadystatechange...
史上最简单的JQ图片切换
08-27
【史上最简单的JQ图片切换】是一个使用jQuery库实现的简易图片轮播插件。这个解决方案以其简洁和易于理解的特点，适合初学者学习和快速应用到项目中。在压缩包文件中，你将找到所有必要的资源，包括HTML、CSS和...
ssm框架简单整合增删改查+jq,ajax下拉框+二级省市联动
05-18
这个项目是一个基础的SSM整合实例，旨在帮助初学者理解这些框架如何协同工作并实现基本的CRUD（创建、读取、更新、删除）操作，以及利用Ajax和jQuery实现动态下拉框和二级省市联动效果。 1. **Spring框架**：Spring...
史上最全韩顺平传智播客PHP就业班视频，10月份全集
03-26
史上最全韩顺平毕业班视频------这里只有10月份，8，9,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....
史上最全韩顺平传智播客PHP就业班视频，9月份全集
03-26
史上最全韩顺平毕业班视频------这里只有9月份，8，10,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....
Ajax（基本介绍+使用+示例代码+场景回放）
weixin_45594172的博客
11-21 5753
Ajax（基本介绍+使用+示例代码+场景回放）
史上最简单AJAX例子
stevenbill的博客
02-10 285
此篇也是 AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 国内通常的读音为“阿贾克斯”。 下面是一个最简单的AJAX验证用户名是否存在的例子。 JSP页面 //下面这个不理解没关系，反正就是为了不同的浏览器创建不同的X...
Ajax介绍以及实例
typ的blog，记录工作中的问题、学习中的笔记、生活中的感想。
06-20 1137
Ajax实例讲解
ajax示例
while(life)++；
03-03 678
目录1、ajax以form形式发送数据1.1 ajax代码1.2 后端代码2、ajax以JSON形式发送数据2.1 ajax代码2.2 后端代码3、ajax以form形式发送list数据3.1 ajax代码3.2 后端代码 1、ajax以form形式发送数据 1.1 ajax代码 这里的contentType值是application/x-www-form-urlencoded，是默认的，不写也...
jQuery Ajax 实例 全解析
weixin_33738982的博客
07-23 162
今日台湾网 jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, ...
Ajax 简单案例
qq_41179691的博客
02-19 1413
Ajax 发送 GET // 1、创建对象 var xhr = new XMLHttpRequest(); // 2、初始化 设置 请求方法 url 是否异步（true为异步） xhr.open('GET', 'http://127.0.0.1:8888/ajax', true); // 3、发送 xhr.send(); /* 4、回调（处理服务端返回的数据） readyState: 0: 请求未初始
ajax实例html
最新发布
03-13
下面是一个简单的Ajax实例的HTML代码： ```html <!DOCTYPE html> <title>Ajax Example <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> function getData() { axios.get('...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值