关于绑定onreadystatechange事件

onreadystatechange事件即http头状态(readyState)变化事件。绑定onreadystatechange事件必须在open(打开连接),send(发送请求)之前。

如下代码:

客户端部分:

<script type="text/javascript">

function vote(){

//创建对象

var XHR = new XMLHttpRequest();

//打开连接

XHR.onreadystatechange=function(){

if(XHR.readyState==4){

alert(‘haha‘);}

}

XHR.open("GET",‘./vote.php‘,false);

//发送请求

XHR.send(null);

}

</script>

<div>

<img src="1.jpg" alt="vote" />

</div>

<input type="button" value="投票" style="width:100px;margin-top:10px;" />

<div id="progess"></div>

服务端PHP代码:

<?php

$rns = file_get_contents(‘./res.txt‘);

$rns+=1;

file_put_contents(‘./res.txt‘,$rns);

//服务端返回数据

echo "1";

?>

实现简单的投票计数,没点击一次投票,+1.

时间: 2024-10-26 17:44:43

关于绑定onreadystatechange事件的相关文章

XLMHttpRequest对象的status属性,readyState属性以及onreadystatechange事件

注:XLMHttpRequest简写为XHR 一.HTTP请求过程 (1)建立TCP链接 (2)web浏览器向web服务器发送请求命令 (3)web浏览器发送请求头信息 (4)web服务器应答 (5)web服务器发送应答头信息 (6)web浏览器向浏览器发送数据 (7)web服务器关闭TCP链接 二.XHR对象的readyState属性:表示请求/响应过程的当前活动阶段 readyState的值—— 0:未初始化.尚未调用open()方法 1:启动.已经调用open(),但尚未调用send()方

[原创]java WEB学习笔记48:其他的Servlet 监听器:域对象中属性的变更的事件监听器 (3 个),感知 Session 绑定的事件监听器(2个)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

iOS代码实现:创建按钮,绑定按钮事件,读取控件值

// // main.m // Hello // // Created by lishujun on 14-8-28. // Copyright (c) 2014年 lishujun. All rights reserved. // #import <UIKit/UIKit.h> // 视图控制器对象 @interface HelloWorldViewController : UIViewController @property (nonatomic, retain) IBOutlet UIT

ASP.NET绑定CHECKBOXLIST--------JQUERY绑定CLICK事件,获取CHECKBOX的VALUE和显示值

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server&qu

事件封装(多个函数绑定一个事件,估计这样解释不对)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <!-

JS 事件绑定、事件监听、事件委托详细介绍

事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 在DOM中直接绑定事件 我们可以在DOM元素上绑定onclick.onmouseover.onmouseout.onmousedown.onmouseup.ondblclick.onkeyd

[ 面试没回答上的问题2]IOS上给body绑定click事件的bug

面试被问到ios上的bug,自己提到绑定click事件的bug,但是并没有把问题讲的很清楚,这里再清理一下思路. 这个bug只在IOS上有,包括ihone,ipad,由于ios浏览器都用的safari内核,所以ios浏览器全部中枪. bug描述 在进行事件委托时,如果将未存在于DOM的元素事件直接委托到body上的话,会导致事件委托失效,调试结果为事件响应到body子元素为止,既没有冒泡到body上,也没有被body所捕获.但如果事件是DOM元素本身具有的,则不会触发bug.换而言之,只有元素的

chrome下教你如何查看元素绑定的事件

说在开头 在前端调试的时候,我们经常遇到这一个问题,要想审查特定元素上绑定的事件; 通常来讲,在chrome开发者工具有一栏Event listeners可以查看特定元素上绑定的事件 如下图所示: 这里我做了一个测试,不管是使用Dom0级规范中 listeners均能显示所绑定事件类型,并且点击对应js文件后,能正确指向对应的事件处理函数. 更加强大的是,如果我们给其父元素绑定事件,由于事件冒泡的关系,查看子元素的Event listeners中也能看到该事件: 当然查看父元素的Event li

给js创建的一个input数组绑定click事件

</pre><pre name="code" class="javascript"><html> <body> <input type="button" name="input[]" value="按钮1" /><br /> <input type="button" name="input[]&quo