ajax发起和收到服务器的信息

一、ajax发起对服务器的请求

注意:一定要写在服务器下,也一定要去输入路径格式去访问,不能点击页面,否则无效。(试验阶段)

【php代码】

<?php

$fp=fopen("./02.txt","a");  //“a”代表追加方式打开02.txt文件(文件不存在将会自动创建)
fwrite($fp,"php0609");  //给文件写内容
fclose($fp);  //关闭文件

【html代码】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function ck(){

  //利用ajax去请求02.php服务器端页面

  //1.创建ajax对象
    var hh=new XMLHttpRequest();

  //浏览器方式请求:打开浏览器、输入请求地址、敲回车发送请求

  //2.创建新的http请求(并设置请求地址)

  //open(请求方式get/post,url请求地址)
    hh.open(‘GET‘,‘./02.php‘);

  //3.发送请求

  //  send(get-null/post-给服务器传递的信息)
    hh.send(null);
    }

</script>
</head>

<body>
<h2>ajax向服务器发送请求</h2>
<input type="button" value="触发" onclick="ck()" />
</body>
</html>

效果:会自动生成一个02.txt的文本框。我们点击几次“触发”,里面就会出现几次php0609,而页面其他内容不会改变。

二、ajax接收服务器端的返回信息

浏览器可以接收的信息,ajax都可以接收

ajax接受服务端返回的信息,需要结合readyState/onreadystatechange/responseText属性一并操作

方法:

属性:

readyState状态:

onreadystatechange:事件,当ajax状态readyState发生变化的时候要触发执行

为了获得较多的状态,最好在创建好ajax对象后就设置

最多可以感知1/2/3/4 四种状态

下面我们来看一下代码实例:

【php代码】

<?php

echo "<div style=‘color:green;‘>恭喜注册成功!</div>";

【html代码】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function ck(){
    var hh=new XMLHttpRequest(); //1.创建对象
    hh.onreadystatechange=function(){   //4.给ajax设置事件
        if(hh.readyState==4){
               document.getElementById(‘result‘).innerHTML=hh.responseText;   //把服务器端返回的信息显示到页面上
            }
        }
    hh.open(‘GET‘,‘./03.php‘);   //2.创建新的HTTP请求
    hh.send(null);                 //3.发送请求
    
}
</script>
</head>

<body>
<h2>ajax接收服务器端返回的信息</h2>
<input type="button" value="触发" onclick="ck()" />
<div id="result"></div>
</body>
</html>

时间: 2024-11-10 01:15:40

ajax发起和收到服务器的信息的相关文章

解如何利用 XML 和 JavaScript Object Notation 在 Ajax 客户端和 Java 服务器之间传输数据。

2006 年 6 月发表 Ajax 核心 API(即所谓的 XMLHttpRequest)的唯一用途就是发送 HTTP 请求,在 Web 浏览器与服务器之间进行数据交换.Web 页面中运行的 JavaScript 代码,可以使用 XMLHttpRequest 将该请求参数提交至服务器端脚本,例如 Servlet 或 JSP 页面.调用的 Servlet/JSP 将发回一个响应,其中包含了一般用于不需刷新整个页面即可更新用户查看内容的数据.此种方法在性能和可用性方面均体现出了独有的优势,因为这将降

ajax发起action时触发拦截器

    做项目的时候遇到了一个问题   当ajax发起action时触发拦截器时返回值在拦截其中就更没有接收到一样不会发起跳转 , 而用pos表单t提交的时候是可以的     纠结了很久现在找到了一个方法, 感觉不是很科学 ,  能实现   希望哪位好心人看到过后能给下高手的解决办法           可行的解决办法如下:             struts2 配置如下:                            <span style="font-size:12px;&q

[源码下载]Demo1 客户端从服务器获取信息(基于networkcomms2.3.1)

本demo基于networkcomms2.3.1开源版本 源码下载:从服务器获取信息   框架部分源码请到这里下载 实现的功能很简单 1:服务器开始监听 2:客户端连接服务器 并从服务器获取信息 源码在后续文章中

使用ajax()方法加载服务器数据

使用ajax()方法加载服务器数据 使用ajax()方法是最底层.功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的

服务器储存信息问题 差分约束

下面是题面. [问题描述] Byteland 王国准备在各服务器间建立大型网络并提供多种服务. 网络由 n 台服务器组成,用双向的线连接.两台服务器之间最多只能有一条线直接连接,同时,每台服务器最多只能和 10 台服务器直接连接,但是任意两台服务器间必然存在一条路径将它们连接在一起.每条传输线都有一个固定传输的速度.δ (v , w) 表示服务器 v 和 w 之间的最短路径长度,且对任意的 V 有δ (V , V)=0 . 有些服务器比别的服务器提供更多的服务,它们的重要程度要高一些.我们用 r

查看linux服务器内存信息

查看服务器内存信息 dmidecode|grep -P -A5 "Memory\s+Device"|grep Size [[email protected] home]# dmidecode|grep -P -A5 "Memory\s+Device"|grep Size Size: 16384 MB Size: No Module Installed Size: No Module Installed Size: 16384 MB Size: No Module I

使用 SHOW STATUS 查看mysql 服务器状态信息

在LAMP架构的网站开发过程中,有些时候我们需要了解MySQL的服务器状态信息,譬如当前MySQL启动后的运行时间,当前MySQL的客户端会话连接数,当前MySQL服务器执行的慢查询数,当前MySQL执行了多少SELECT语句.执行了多少UPDATE/DELETE/INSERT语句等统计信息,从而便于我们根据当前MySQL服务器的运行状态进行对应的调整或优化工作. 在MySQL中,我们可以使用SHOW STATUS指令语句来查看MySQL服务器的状态信息.下面,我们以DOS命令窗口的形式连接My

reuqest获取服务器一些信息方法集合 java

request.getServletContext().getRealPath("/")  获取项目所在服务器的全路径,如:D:\Program Files\apache-tomcat-7.0.25\webapps\TestSytem\ request.getServletPath()    获取客户端请求的路径名,如:/object/delObject request.getServerName()    获取服务器地址,如:localhost request.getServerPo

C# 向服务器发送信息

#region 向服务器发送信息 /// <summary> /// 向服务器发送信息 /// </summary> /// <param name="posturl">请求路径</param> /// <param name="postData">请求参数</param> /// <returns>返回信息</returns> public string SendInf