精华内容
下载资源
问答
  • 主要介绍了ajax实现服务器与浏览器长连接的功能的相关资料,感兴趣的小伙伴们可以参考一下
  • Chrome浏览器本地开发HTML时, ajax请求连接服务器调试出现跨域问题。 错误信息:  Origin null is not allowed by Access-Control-Allow-Origin   解决办法: 1/ 将下面一句复制到快捷方式的最后面(如下...

    Chrome浏览器本地开发HTML时,  ajax请求连接服务器调试出现跨域问题。

    错误信息: 

    Origin null is not allowed by Access-Control-Allow-Origin

     

    解决办法:

    1/  将下面一句复制到快捷方式的最后面(如下图)

    --disable-web-security --user-data-dir

    2/ 双击快捷方式打开浏览器,输入html地址即可

    展开全文
  • 正在学习AJAX的长连接的问题 在客户端用ajax去实现连接  $.ajax({  url: '/ajax',  type: 'GET',  data: 'what=test',  timeout: 30000,  //请求成功后触发  success: function (data) { ...
  • AJAX服务器交互实例

    千次阅读 2017-04-27 15:41:40
    这个是AJAX基础,虽然现在都直接用jQuery AJAX了,但是我还是劝你再看看这个,毕竟…我一开始找到这个了,都写出来了不看就可惜呀… XHR基础首先创建XMLHttpRequest对象 //ajex的基础是XMLHttpRequest();所以需要先...

    这个是AJAX基础,虽然现在都直接用jQuery AJAX了,但是我还是劝你再看看这个,毕竟…我一开始找到这个了,都写出来了不看就可惜呀…

    XHR基础

    首先创建XMLHttpRequest对象

    
    //ajex的基础是XMLHttpRequest();所以需要先创建一个XMLHttpRequest对象
    var iable=new XMLHttpRequest();
    
    // IE5 IE6等老版本使用 ActiveX 对象
    var iable=new ActiveXObject("Microsoft.XMLHTTP");
    
    //为了应对所有的现代浏览器,包括 IE5 和 IE6,需要检查浏览器是否支持 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject :
    
    var xmlhttp;
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }

    请求

    /**
     * @Param GET or POST
     * @Param url
     * @param asyn(boolean)
     *
     * 它还有个构造方法是5个参数
     * 最后两个参数username和password
     */
    xmlhttp.open("GET","http://192.168.4.87:8080/login",true);
    xmlhttp.send();

    响应

    • responseText
    • responseXML
    //看名字就知道,下面是获取text
    xmlhttp.responseText;
    //需要显示的话直接显示出来就行了
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    
    //看名字就知道,下面是获取xml,然而XML需要解析
    xmlhttp.responseXML;
    
    //首先获取到返回的xml信息
    xmlDoc=xmlhttp.responseXML;
        txt="";
        //获取books.xml的title
        x=xmlDoc.getElementsByTagName("title");
        //遍历出xml所有的title信息
        for (i=0;i<x.length;i++)
          {
          txt=txt + x[i].childNodes[0].nodeValue + "<br />";
          }
          //现在就可以显示出来了
        document.getElementById("myDiv").innerHTML=txt;
        }
    
    <!--这是一个books.xml-->
    <bookstore>
    <book category="children">
    <title lang="en">Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
    </book>
    <book category="cooking">
    <title lang="en">Everyday Italian</title>
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
    </book>
    <book category="web" cover="paperback">
    <title lang="en">Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
    </book>
    <book category="web">
    <title lang="en">XQuery Kick Start</title>
    <author>James McGovern</author>
    <author>Per Bothner</author>
    <author>Kurt Cagle</author>
    <author>James Linn</author>
    <author>Vaidyanathan Nagarajan</author>
    <year>2003</year>
    <price>49.99</price>
    </book>
    </bookstore>

    onreadystatechange 事件

    一般情况下,你可以把它理解为callback,以前只知道web是单线程,自从有了ajax,也就有了异步,不得不说是一个巨大的进步。

    属性描述
    onreadystatechange存储函数,随着readyState改变
    readyStateXMLHttpRequest 状态码
    status请求状态

    附录

    <!--XMLHttpRequest状态-->
    0: 请求未初始化
    1: 服务器连接已建立
    2: 请求已接收
    3: 请求处理中
    4: 请求已完成,且响应已就绪
    
    <!--请求状态-->
    200: "OK"
    404: 未找到页面
    
    <!--响应就绪状态需要-->
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        <!--请求成功之后执行的代码-->
        ...
        }
      }

    jQuery中的AJAX

    //首先引入jQuery
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    
    //然后直接调用吧
    $.ajax({
        cache: true,
        url: "http://192.168.4.87:8080/login2",
        type:"POST",
        //要提交的数据
        data:{username:$("#user").val(), password:$("#pass").val()},
        //请求失败
        error: function(request) {
        alert("Connection error");
            },
        //请求成功
        success: function(data) {
    
            window.location.href = 'index.html';
          }
    
    });
    展开全文
  • ajax post方式与服务器建立连接

    千次阅读 2016-11-11 19:30:00
    * 3 浏览器与服务器建立连接 * * xhr.open(method, url, asynch); * * 与服务器建立连接使用 * * method:请求类型,类似 “GET”或”POST”的字符串。 * * url:路径字符串,指向你所请求的服务器上的那个...
    <%@ 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");
        }
    
    }
    
    展开全文
  • //请求的路径 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);
    
    
        }
    
    展开全文
  • 开发步骤: ...2,打开和服务器连接(利用open(“”,“”,true)方法) xmlReq.open("get",".../textServlet",treu); 3,发送数据 (利用send(null)方法,如果方式选择的是get则括号内为null,如果方式为p
  • 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++...
  • 前端代码如下 function loginAction(){ ...网上搜索出来说是ajax跨域,需要用jsonp,但是上次做过相同的项目,上次都可以成功,这次ajax无缘由的就连接失败了,感觉很奇怪。 另外,jsonp该怎么使用呢。
  • Ajax连接项目案例

    2021-01-19 20:23:04
    所谓的长连接,就是不断去发送请求,把请求阻塞在服务器端,每次超过请求时间就去重新发送请求,保持连接,随时获取服务器端的响应的数据 项目案例: 代码如下: function connection(){ $.ajax({ type:”GET”, url:...
  • * 3 浏览器与服务器建立连接 * * xhr.open(method, url, asynch); * * 与服务器建立连接使用 * * method:请求类型,类似 “GET”或”POST”的字符串。 * * url:路径字符串,指向你所请求的服务器上的那个...
  • Ajax 服务器推送

    2010-10-19 18:03:00
    1.HTTP拉取方式:在这种传统的方法中,... 2.HTTP流:这种方法由存在于不间断的HTTP连接响应中或某个XMLHttpRequest连接中的服务器数据流所组成。 3.反转AJAX:服务流应用到AJAX,就是所谓的反转AJAX 或者COMET 。它使
  • 使用 jquery ajax访问后台服务器demo
  • Ajax连接实现

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

    千次阅读 2013-08-25 13:12:48
    所谓的长连接,就是不断去发送请求,把请求阻塞在服务器端,每次超过请求时间就去重新发送请求,保持连接,随时获取服务器端的响应的数据 项目案例: function connection(){  $.ajax({  type:"GET",  url:...
  • 大学生做比赛项目,使用了Hbuilder提供的mui框架做app,打算用个人电脑做后台...但前端使用ajax始终不能连接php,想问各位,ajax中的url该怎么写才能连接到php文件?或者还有什么方法能做到app与数据库交互数据吗?
  • //连接数据库管理系统 mysql_select_db($database);//选择操作数据库 mysql_query("SET NAMES utf8");//设置设置UTF-8编码(JSON的唯一编码),数据库整理为:utf8_general_ci,以此达到输出中文简体的目的 /*查询...
  • 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架构中,从服务器端向
  • AJAX如何向服务器发送请求

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

    万次阅读 2008-11-20 17:41:00
    作者:http://www.cnblogs.com/cathsfz/ Ajax的长连接,或者有些人所说的Comet,就是指以XMLHttpRequest的方式连接服务器,连接后服务器并非即时写入相应并返回。服务器会保持连接并等待一个需要通知客户端的事件,...
  • Ajax跨域访问Tomcat服务器

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

    千次阅读 2013-02-26 12:26:03
    web聊天技术一般用ajax请求服务器,方式有多种,比如定时几秒请求一次,或长连接什么的。我个人还是喜欢“服务器推”这种模式,它不用定几秒请求一次让服务器大大减压。长连接什么这个不懂什么意思不管了(额,不...
  • ajax服务器传值有两种方式:get 和post,这两种传值方式到底有什么区别呢?
  • <br />1、服务器推... 2、Reverse Ajax实现服务器推技术 DWR2.x的推技术也叫DWR Reverse Ajax(逆向Ajax)主要是在BS架构中,从服务器端向多个浏览器主动推数据的一种技术。DWR的逆向Ajax主要包括两种
  • 如何使用Ajax进行与服务器交互

    千次阅读 2020-08-08 20:52:24
    如何使用Ajax进行与服务器交互 AJAX全称为“Asynchronous [ei’siŋkrənəs] JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 注意:Ajax的主要目的:1、局部刷新 2、异步...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 96,359
精华内容 38,543
关键字:

ajax连接服务器