精华内容
下载资源
问答
  • 主要介绍了ajax实现服务器与浏览器长连接的功能的相关资料,感兴趣的小伙伴们可以参考一下
  • Ajax接收服务器端返回信息

    千次阅读 2018-07-13 18:04:26
    ajax接收服务器端返回的信息,需要结合readyState/onreadystatechange/responseText一起使用:ajax属性和方法介绍:ajax事件onreadystatechange最多感知四种状态:获取到服务器端内容:ajax常用请求方法...

    Ajax可以接收什么信息?

    浏览器可以接收的信息ajax都可以接收,例如字符串、html标签、css样式内容、xml内容、json内容等。

    ajax接收服务器端返回的信息,需要结合readyState/onreadystatechange/responseText一起使用:

    服务器端01.php:

    <?php
    	echo "<div style='color:green;'>恭喜,该用户名可以使用</div>";

    客户端01-response.html:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>ajax接收服务器信息</title>
    	<script type="text/javascript">
    	function f1(){
    		//ajax发起请求并接收返回的信息
    		
    		//第一步:创建对象
    		var xhr = new XMLHttpRequest();
    
    		//第四步:给ajax设置事件
    		xhr.onreadystatechange = function(){
    			// console.log(xhr.readyState);
    		 if(xhr.readyState==4){
    			  // 把服务器端返回的信息显示到页面上
    			  document.getElementById('result').innerHTML = xhr.responseText;
    		   }
    		}
    
    		//第二步:创建新的http请求
    		xhr.open('get', '01.php');
    
    		//第三步:发送请求
    		xhr.send(null);
    	}
    	</script>
    </head>
    <body>
    	<h2>ajax接收服务器端返回的信息</h2>
    	<input type="button" value="触发" οnclick="f1()">
    	<div id="result"></div>
    </body>
    </html>

    执行效果:


    ajax属性和方法介绍:

    属性:

        responseText: 以字符串形式接收服务器端返回的信息
        readyState:
            0: 刚创建ajax对象
            1:已经调用open方法
            2:已经调用send方法
            3:已经返回部分数据
            4:请求完成,数据返回完整
        onreadystatechange: 事件,当ajax状态readyState发生变化的时候要触发执行
        为了获得较多创建好ajax的状态,最好在创建好ajax对象后就设置
        最多可以感知1 2 3 4 四种状态

    方法:

        open() 创建新的http请求

        send() 把请求发送到服务器端

    ajax事件onreadystatechange最多感知四种状态:

    获取到服务器端内容:

    ajax常用请求方法:

    ajax常用属性:

    ajax的五种状态readyState及状态码和状态值:


    展开全文
  • //请求的路径 mui.ajax("http://10.192.3.158:8080/ServletTest/MyServlet", { //请求的参数 data: { username: 'guo',
    //请求的路径
    mui.ajax("http://10.192.3.158:8080/ServletTest/MyServlet", {
        //请求的参数 
                                data: {
                                        username: 'guo',
                                        passWord: '1'
                                    },
                                    dataType: "text", //服务器返回json格式的数据
                                    type: "POST", //http请求的类型是post
                                    timeout: 10000, //超时时间设置为10秒
                                    //eaders: { "Content-Type": "application/json" },
                                    success: function(data) {
                                        //服务器是规定的时间内响应成功,回调此方法
                       //**************************************************************
    
                                    console.log("--请求服务器成功的数据是--  " + data);
    
    
                  //**************************************************************
                                        var fromserverdata = data;
                                        mui.openWindow({
                                            url: "test3.html",
                                            id: "test3",
                                            extras: {
                                                datafromserver: data //扩展参数
                                            },
                                            show: {
                                                autoShow: true
                                            }
                                        });
                                    },
                                    error: function(xhr, type, errorThrown) {
                                        //请求失败则回调此方法
                                        console.log(type);
                                    }
                                });

    服务器将数据返回

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
            System.out.println("--连接成功----");
            //接收前台传递过来的数据
            String name = request.getParameter("username");
            System.out.println("name--->>" + name);
            String passWord = request.getParameter("passWord")  
            User user2 = new User("郭佳伟","guo00**010203","男","没有备注","没有建议","中科软科技股份有限公司","软件开发");
            JSONObject jsonObject =JSONObject.fromObject(user2);
            String userString = jsonObject.toString();
        //将数据返回给前台界面
            PrintWriter out = response.getWriter();
            out.write(userString);
    
    
        }
    
    展开全文
  • ajax post方式与服务器建立连接

    千次阅读 2016-11-11 19:30:00
    "测试服务器连接" > form > body > html > function ajaxFunction () { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp= new XMLHttpRequest(); } catch (e){ try...
    <%@ page language="java"  pageEncoding="utf-8"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
         <script type="text/javascript" src="./test.js"></script>
      </head>
      <body>
         <form action="" enctype="application/x-www-form-urlencoded">
              <input type="button" name="ok" id="ok" value="测试服务器连接">
          </form>
      </body>
    </html>
    
    function ajaxFunction(){
       var xmlHttp;
       try{ // Firefox, Opera 8.0+, Safari
            xmlHttp=new XMLHttpRequest();
        }
        catch (e){
           try{// Internet Explor er
                 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
              }
            catch (e){
              try{
                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
              catch (e){}
              }
        }
    
        return xmlHttp;
     }
    
     //当页面加载完毕之后,执行以下代码
     window.onload = function(){
        document.getElementById("ok").onclick = function(){
            /*
             * 1    创建XMLHttpRequest对象
             */ 
             var xhr = ajaxFunction();
    
            /*
             * 2    服务器向浏览器响应请求
             * 
             * readyState 属性表示Ajax请求的当前状态。它的值用数字代表。
                    0 代表未初始化。 还没有调用 open 方法
                    1 代表正在加载。 open 方法已被调用,但 send 方法还没有被调用
                    2 代表已加载完毕。send 已被调用。请求已经开始
                    3 代表交互中。服务器正在发送响应
                    4 代表完成。响应发送完毕
    
                常用状态码及其含义:
                    404 没找到页面(not found)
                    403 禁止访问(forbidden)
                    500 内部服务器出错(internal service error)
                    200 一切正常(ok)
                    304 没有被修改(not modified)(服务器返回304状态,表示源文件没有被修改 )
             */ 
             xhr.onreadystatechange = function(){
                alert(xhr.readyState);
                //alert(xhr.status);
                if(xhr.readyState==4){
                    if(xhr.status==200||xhr.status==304){
                        var data = xhr.responseText;
                        alert(data);
                    }
                }
             }
    
            /*
             * 3    浏览器与服务器建立连接
             * 
             * xhr.open(method, url, asynch);
             *      * 与服务器建立连接使用
             *      * method:请求类型,类似 “GET”或”POST”的字符串。
             *      * url:路径字符串,指向你所请求的服务器上的那个文件。请求路径
             *      * asynch:表示请求是否要异步传输,默认值为true(异步)。
             */ 
             xhr.open("POST","../testServlet?timeStamp="+new Date().getTime()+"&c=18",true);
    
             //如果是POST请求方式,设置请求首部信息
             xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    
    
            /*
             * 4    浏览器向服务器发送请求
             * 
             *  send()方法:
             *      * 如果浏览器请求的类型为GET类型时,通过send()方法发送请求数据,服务器接收不到    
             *      * 如果浏览器请求的类型为POST类型时,通过send()方法发送请求数据,服务器可以接收
             */ 
             xhr.send("a=6&b=9");       //xhr.send(null);
        }
     }
    
    package com.cc.servlet;
    
    import java.io.IOException;
    import java.io.PrintWriter;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    @SuppressWarnings("serial")
    public class TestServlet extends HttpServlet {
    
        public void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
    
            response.setContentType("text/html");
            PrintWriter out = response.getWriter();
    
            System.out.println("connection server success!");
    
            System.out.println("a = "+request.getParameter("a"));
            System.out.println("b = "+request.getParameter("b"));
            System.out.println("c = "+request.getParameter("c"));
    
            out.println("get connection server success");
    
        }
    
        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
    
            response.setContentType("text/html");
            PrintWriter out = response.getWriter();
    
            System.out.println("connection server success!");
    
            System.out.println("a = "+request.getParameter("a"));
            System.out.println("b = "+request.getParameter("b"));
            System.out.println("c = "+request.getParameter("c"));
    
            out.println("post connection server success");
        }
    
    }
    
    展开全文
  • 开发步骤: ...2,打开和服务器连接(利用open(“”,“”,true)方法) xmlReq.open("get",".../textServlet",treu); 3,发送数据 (利用send(null)方法,如果方式选择的是get则括号内为null,如果方式为p

    开发步骤:

    1,创建xmlHttpRequest对象

            

    var xmlReq = ajxaFunction();

    2,打开和服务器的连接(利用open(“”,“”,true)方法)

    xmlReq.open("get",".../textServlet",treu);

    3,发送数据 (利用send(null)方法,如果方式选择的是get则括号内为null,如果方式为post,则括号内为为要发送到数据)

    xmlReq.send(null);

    4,接收服务器端的响应 (利用onreadystatechange)

    xmlReq.onreadystatechange=function(){

    alert("XXXXXXXXXXXXXXxx");

    }


    展开全文
  • 哪个大神给我说说,怎么使用jQuery+Ajax(post)向服务器提交登录请求? 然后验证。返回数据后怎么处理?
  • api.ajax({ url: 'http://ww.zhix.net/Index/Index/Category', //例如:这是我的地址 method: 'post' }, function(ret, err) { api.hideProgress();//隐藏加载进度框 if(ret){ html = ""; for(var i=0;i;i++...
  • 通过JQuery ajax获取服务器时间

    千次阅读 2018-10-22 15:33:20
    通过JQuery ajax获取服务器时间,突然发现IE有兼容问题,原来是忽略了参数type引起的,因此需要加上type:'HEAD’或者type:'POST’即可。 &lt;script&gt; //方式一 $.ajax({type:'HEAD', async: false}) ....
  • jquery之利用ajax服务器交谈(完全控制ajax请求之全局函数)
  • ajax获取服务器当前时间

    万次阅读 2014-03-06 18:15:54
    通过ajax获取response header上的时间以获取服务器当前时间
  • html用ajax请求服务器后端java接口跨域问题解决
  • 使用 jquery ajax访问后台服务器demo
  • Ajax 服务器推送

    2010-10-19 18:03:00
    1.HTTP拉取方式:在这种传统的方法中,... 2.HTTP流:这种方法由存在于不间断的HTTP连接响应中或某个XMLHttpRequest连接中的服务器数据流所组成。 3.反转AJAX:服务流应用到AJAX,就是所谓的反转AJAX 或者COMET 。它使
  • 1.准备Ajax服务器端环境 我们将使用jQuery来实现Ajax的效果。 jQuery,顾名思议,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)...
  • 使用ajax服务器端获取数据

    千次阅读 2016-11-11 19:00:38
    使用ajax服务器端获取数据的步骤:  代码表示: var xhr = new XMLHttpRequest(); xhr.open("GET","ajax.do",true); xhr.onreadystatechange= function(){ if(xhr.readyState==4&&xhr....
  • AJAX获取服务器当前时间

    千次阅读 2013-05-20 19:07:33
    ------------------------------ WebService1.asmx-------------...// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。  [System.Web.Script.Services.ScriptService]  public class We
  • PHP ajax访问服务器 $_SESSION数据丢失解决方案如果在使用php需要保存session数据,在其他PHP页面进行访问的话,需要在该php文件开头添加代码“session_start();” 示例如下:$.ajax({ url:"ajax_query.php", ...
  • AJAX服务器响应请求的两种方式

    千次阅读 2018-08-18 10:53:27
    1:服务器连接已建立 2:请求已接收 3:请求处理中 4:请求已完成,且响应已就绪 (2)HTTP状态码: 200:服务器成功返回网页 404:请求的网页不存在 503:服务器暂时不可用 两种方式: (1)...
  • DWR Reverse Ajax服务器推技术

    千次阅读 2012-05-07 17:39:14
    1、服务器推技术 通过客户端发出请求获取服务器端数据的方式通常称为“拉”技术,很形象说明客户端在拉取服务器端数据,而有时候需要...DWR2.x的推技术也叫DWR Reverse Ajax(逆向Ajax)主要是在BS架构中,从服务器端向
  • 是这样的,php和html完全分离,服务器的数据必须登录存在session的情况下,才能正常返回数据,否则返回未登录信息,但是现在html是在本地请求服务器,我想用一级域名实现session共享,即本地AJAX请求服务器的php,先...
  • Ajax请求服务器成功后返回的数据是 如图![图片说明](https://img-ask.csdn.net/upload/201708/17/1502955618_644727.png) 我要根据返回数据进行响应处理我的success中的if条件应该怎么写条件判断? ![图片说明]...
  • AJAX如何向服务器发送请求

    千次阅读 2017-11-02 15:34:49
    其实很简单,AJAX服务器发送请求其实就是使用了XMLHttpRequest对象中的两个方法Open()方法和Send()方法。对于这两个方法的介绍在我的上一章AJAX基础XMLHttpReqiest中有详细的讲解。 例如: xmlhttp.open("GET/...
  • Ajax跨域访问Tomcat服务器

    千次阅读 2016-12-16 17:51:03
    在学习jQuery的时候进行到AJax时,需要与服务器进行交互练习。我毫不犹豫的打开了我的Tomcat服务器运行起来,并使用普通的ajax方法访问运行中的服务器网址的时候,发现 XMLHttpRequest对象使用open和send后,在与...
  • 微信小程序之ajax服务器交互及页面渲染

    万次阅读 多人点赞 2017-08-23 23:52:08
    微信小程序中的ajax请求。点击按钮时,根据url请求服务器。请求成功之后返回数据,渲染前端页面。
  • 关于ajax服务器读取数据的验证

    千次阅读 2015-01-03 19:55:20
    现在有个需求:存在ABC三台机器 客户机A web服务器B 最终web服务器C 目前情况是A无法直接访问C,但是可以访问B,B能访问C 目前A想通过B的中转获得C的数据。...在本地建立一个web服务器,其中写了ajax程序
  • 关于Ajax获取服务器上的HTML文件出现中文乱码的解决方法  问题:  在学习Ajax时,用“GET”方式去获取Wanpserver本地服务器上的HTML文件,结果显示出来的页面出现了中文乱码现象。  分析:  编码有两种...
  • Ajax连接实现

    万次阅读 2016-03-27 23:42:16
    反转AJAX实质上是一种概念:能够从服务器发送到客户端的数据。在一个标准的HTTP Ajax请求,数据发送到服务器,使服务器可以发送事件给客户端(低延迟通讯)。Comet原理图: Comet using HTTP streamingCode Demo ...
  • AJAX - 向服务器发送请求请求

    千次阅读 2017-01-04 01:19:48
    AJAX - 向服务器发送请求请求 XMLHttpRequest 对象用于和服务器交换数据。 向服务器发送请求 如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法: xmlhttp.open(...
  • 如果要用ajax跨域请求服务器数据,服务器是否要设置支持跨域?
  • 关于Ajax服务器端验证

    千次阅读 2011-06-03 07:30:00
    因为Ajax的延时性导致所获取的返回值并非服务器端的返回值。因为这一步执行的时候外围程序可能已经执行完返回了。这样就没办法根据Ajax验证所得到的返回值进行下一步判断。当然这里有一些处理技巧是可以用到的。虽然...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 299,083
精华内容 119,633
关键字:

ajax怎么链接服务器