精华内容
下载资源
问答
  • 一、绝对路径:包括协议名称、主机地址、端口、web项目名称等的完整请求路径。 例如: ... 好处:比如在webA项目中的... 坏处:使用绝对路径要求不能更改web项目的名称,如果webB项目重命名了,则对应的ajax请求...

    一、绝对路径:包括协议名称、主机地址、端口、web项目名称等的完整请求路径。

    例如:

    $.ajax({ url:"http://localhost:8080/webname/test" });

        好处:比如在webA项目中的ajax需要请求webB项目中的服务,则必须使用绝对路径。

        坏处:使用绝对路径要求不能更改web项目的名称,如果webB项目重命名了,则对应的ajax请求都需要修改;往往项目开发调试和部署时run的环境不同,路径不同,不可能每次发布或调试把项目中路径全部修改一遍。

    二、相对路径:不需要协议名、主机地址、端口、web项目名称,只需要请求的路径。

    假设:

    项目路径:http://localhost:8080/webname

    页面路径:/webname/index.html(A页面),/webname/test/test.html(B页面)

    请求路径:/request/ajaxtest,request/ajaxtest

    1、如果请求路径以根路径开头(常见),则无论什么ajax在什么页面,该请求都是相对于服务器的根路径,最后的请求路径都是:http://localhost:8080 +  /request/ajaxtest(url地址)

    例如:

    $.ajax({

        url :"/request/ajaxtest"

    });

    原因:以"/"开头,是表示该请求基于从服务器的根路径,即不是相对于html的路径,所以请求路径是:http://localhost:8080 +  /request/ajaxtest

    2、如果请求不以根路径开头,则该请求路径是相对于当前html所在的路径的。

    (1)假如请求在A页面( .../webname/index.html)

        $.ajax({

            url:"request/ajaxtest"

        });

        最终的请求路径是:http://localhost:8080/webname/request/ajaxtest。原因:index.html页面对应的路径是"/webname/index.html",所以将url在这个路径下就是最终的请求路径。

        (2)假如请求在B页面(.../webname/test/test.html)

        $.ajax({

            url:"request/ajaxtest"

        });

        最终的请求路径是:http://localhost:8080/webname/test/request/ajaxtest。 原因:test.html页面对应的路径是“/webname/test/”,所以将url要跟在test这一级下面。

    备注:1、2两种方式在项目中使用基本使用 方式1。比如我们的登陆页面 login.html 是在 web(有的是Webcontent)目录下,这时我调一个接口直接使用1、2两种方式都可以访问后台;但是业务页面肯定会新建文件夹,那么就要使用“方式1”了,如果使用“方式2”的方式,登陆地址会加上当前页面的地址 比如: http:localhost:8080/项目名/ 。。。(html地址)/ 接口地址,显然访问不到后台了。

    参考:https://www.cnblogs.com/guanmu/p/5215833.html

    展开全文
  • ajax请求报错 php开启跨域请求

    万次阅读 2019-07-23 09:40:11
    在被请求的php文件中加入请求头部 header('Access-Control-Allow-Origin: *');

    在php文件头部加入
    header(“Access-Control-Allow-Origin: *”);
    如果想设置只允许某个网站通过的话可以这样设置
    header(“Access-Control-Allow-Origin: http://test.com”); // 允许test.com发起的跨域请求,其他的都不通过
    如果是php框架的话需要放在namespace后面,而不是前面,否则会报错
    原文链接:[https://blog.csdn.net/weixin_43317568/article/details/89892429]
    ()

    *.php

    <?php 
    	header('Access-Control-Allow-Origin: *');
    	$arr = [
    		array('id'=>1,'title'=>'one1'),
    		array('id'=>2,'title'=>'one2'),
    		array('id'=>3,'title'=>'one3'),
    		array('id'=>4,'title'=>'one4'),
    	];
    
    	echo json_encode($arr);
     ?>
    

    index.html

    
    <script type="text/javascript" src="jq.js"></script>
    <script type="text/javascript">
    	$.ajax({
    		type:'post',
    		url: 'http://127.0.0.1/demo1/api.php',
    		contentType: "application/x-www-form-urlencoded",
    		dataType: 'json',
    		success: function(res){
    			console.log(res)
    		}
    	})
    </script>
    

    在这里插入图片描述

    展开全文
  • ajax请求过程

    万次阅读 多人点赞 2017-05-09 17:08:00
    原生态Ajax使用的步骤,最后告诉面试官,我们在工作中是使用jQuery来实现Ajax请求和处理的。在回答的时候尽量详尽,包括方法的参数的个数,顺序和作用,以免被面试官抓住不放。不给面试官提问的机会,那你的回答就...

    原生态Ajax使用的步骤,最后告诉面试官,我们在工作中是使用jQuery来实现Ajax请求和处理的。在回答的时候尽量详尽,包括方法的参数的个数,顺序和作用,以免被面试官抓住不放。不给面试官提问的机会,那你的回答就牛逼了!

    Ajax是什么

    我理解Ajax 是一种异步请求数据的一种技术,对于改善用户的体验和程序的性能很有帮助。

    Ajax的使用

        (1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.
    
        (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息.
    
        (3)设置响应`HTTP`请求状态变化的函数.
    
        (4)发送`HTTP`请求.
    
        (5)获取异步调用返回的数据.
    
        (6)使用JavaScript和DOM实现局部刷新.
    
    
        var xmlHttp = new XMLHttpRequest();
    
        xmlHttp.open('GET','demo.php','true');
    
        xmlHttp.send()
    
        xmlHttp.onreadystatechange = function(){
    
            if(xmlHttp.readyState === 4 & xmlHttp.status === 200){
    
            }
    
        }

    以下步骤,如果不能理解你死记硬背都要记下来,总比你答不出来要好吧!

    1.创建Ajax核心对象XMLHttpRequest

    var xmlhttp;
    if(window.XMLHttpRequest){ 
    //IE7+,Chrome,Firefox,Safari,Opera执行此代码 xmlhttp=new XMLHttpRequest;
    }else{
       //IE5,IE6执行该代码
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    2.向服务器发送请求

    xmlhttp.open(method,url,async);
    xmlhttp.send();
    示例如下:
     xmlhttp.open("GET","http://www.runoob.com/try/ajax/demo_get.php",true);
     xmlhttp.send();

    注意一:open 的参数要牢记,很多面试官爱问这样的细节
    • method:请求的类型;GET 或 POST
    • url:文件在服务器上的位置,相对位置或绝对位置
    • async:true(异步)或 false(同步)
    • 为什么使用 Async=true ?

      我们的实例在 open() 的第三个参数中使用了 "true"。

      该参数规定请求是否异步处理。

      True 表示脚本会在 send() 方法之后继续执行,而不等待来自服务器的响应。

      onreadystatechange 事件使代码复杂化了。但是这是在没有得到服务器响应的情况下,防止代码停止的最安全的方法。

      通过把该参数设置为 "false",可以省去额外的 onreadystatechange 代码。如果在请求失败时是否执行其余的代码无关紧要,那么可以使用这个参数


    注意二:post请求不同于get请求

    send(string)方法post请求时才使用字符串参数,否则不用带参数。

    注意三post请求一定要设置请求头的格式内容

    xmlhttp.open("POST","ajax_test.html",true);
    xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
    xmlhttp.send("fname=Herry&lname=Ford");

    3.服务器响应处理

    responseText    获得字符串形式的响应数据。

    responseXML   获得XML 形式的响应数据。

    3.1 同步处理

    xmlhttp.open("GET","http://www.runoob.com/try/ajax/demo_get.php",false);
    xmlhttp.send();
    document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
    直接在send()后面处理返回来的数据。

    3.2 异步处理

     异步处理相对比较麻烦,要在请求状态改变事件中处理。

     xmlhttp.onreadystatechange=function () {//接收到服务端响应时触发
          if(xmlhttp.readyState==4&&xmlhttp.status==200){
                document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
           }
     }

    一共有5中请求状态,从0 到 4 发生变化。

    0: 请求未初始化

    1: 服务器连接已建立

    2: 请求已接收

    3: 请求处理中

    4: 请求已完成,且响应已就绪

    xmlhttp.status:响应状态码。这个也是面试比较爱问的,这个必须知道4个以上,比较常见的有:

    200: "OK"

    304:该资源在上次请求之后没有任何修改(这通常用于浏览器的缓存机制,使用GET请求时尤其需要注意)。

    403   (禁止) 服务器拒绝请求。

    404   (未找到) 服务器找不到请求的网页。

    408  (请求超时) 服务器等候请求时发生超时。

    500   (服务器内部错误)  服务器遇到错误,无法完成请求。






    展开全文
  • 什么是Ajax以及ajax请求的步骤

    万次阅读 多人点赞 2019-04-18 15:56:10
    什么是Ajax以及ajax请求的步骤 1.Ajax是什么? Asynchronous JavaScript & XML。Ajax是web开发的一种技术。 2.Ajax请求的步骤 (1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象; (2)创建一个新的`...

    什么是Ajax以及ajax请求的步骤

    1.Ajax是什么?

    Asynchronous JavaScript & XML。Ajax是web开发的一种技术。

    2.Ajax请求的步骤

    (1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象;

    (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方式、`URL`及验证信息;

    (3)设置响应`HTTP`请求状态变化的函数;

    (4)发送`HTTP`请求;

    (5)获取异步调用返回的数据;

    (6)使用JavaScript和DOM实现局部刷新。

    3.XMLHttpRequest对象

    (1)对象类型的API;

    (2)在浏览器环境使用;

    (3)用于客户端和服务端数据的传递和接收;

    (4)用于请求XML数据(JSON/TEXT)。

    4.readyState状态码

    0:请求未初始化

    1:服务器连接已建立

     2:请求已接收

     3:请求处理中

     4:请求已完成,且响应已就绪

    5.http状态码(status)

    200:(成功)

    403:(禁止)服务器拒绝请求

    404:(未找到)服务器找不到请求的页面

    408:(请求超时)服务器等候请求发生超时

    500:(服务器内部错误)服务器遇到错误,无法完成请求

    6.onload和onreadystatechange

    当onload执行时readyState只可能为4

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>ajax</title>
    </head>
    
    <style>
        html {
            font-family: Arial, Helvetica, sans-serif;
            padding: 10px 20px;
        }
    </style>
    
    <body>
        <h3>Ajax是什么?</h3>
        <p>Asynchronous JavaScript & XML。Ajax是web开发的一种技术。</p>
    
        <h3>Ajax请求的步骤</h3>
        <p>
            (1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象;
            <br /> (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方式、`URL`及验证信息;
            <br /> (3)设置响应`HTTP`请求状态变化的函数;
            <br /> (4)发送`HTTP`请求;
            <br /> (5)获取异步调用返回的数据;
            <br /> (6)使用JavaScript和DOM实现局部刷新。
        </p>
    
        <h3>XMLHttpRequest对象</h3>
        <p>
            (1)对象类型的API;
            <br />(2)在浏览器环境使用;
            <br />(3)用于客户端和服务端数据的传递和接收;
            <br />(4)用于请求XML数据(JSON/TEXT)。
        </p>
    
        <h3>readyState状态码</h3>
        <p>
            0:请求未初始化
            <br /> 1:服务器连接已建立
            <br /> 2:请求已接收
            <br /> 3:请求处理中
            <br /> 4:请求已完成,且响应已就绪
        </p>
    
        <h3>http状态码(status)</h3>
        <p>
            200:(成功)
            <br /> 403:(禁止)服务器拒绝请求
            <br /> 404:(未找到)服务器找不到请求的页面
            <br /> 408:(请求超时)服务器等候请求发生超时
            <br /> 500:(服务器内部错误)服务器遇到错误,无法完成请求
        </p>
        <button>ajax请求</button>
        <h2></h2>
    
        <script>
            document.querySelector("button").addEventListener("click", getAjax);
    
            function getAjax() {
                //1.创建XMLHttpRequest对象
                let xhr = new XMLHttpRequest();
                //open(type,url,async)
                xhr.open("GET", "http://jsonplaceholder.typicode.com/posts/1", true);
                console.log(xhr.readyState); //1
    
                //进程
                xhr.onprogress = function() {
                    console.log(xhr.readyState); //3
                }
    
                //两种请求方式onload/onreadystatechange
                //onload
                // xhr.onload = function() {
                //     console.log(xhr.readyState); //4
                //     document.querySelector("h2").innerHTML = JSON.parse(this.responseText).body;
                // };
                //onreadystatechange
                xhr.onreadystatechange = function() {
                    console.log(xhr.readyState);
                    console.log(xhr.status);
                    if (xhr.readyState == 4 && xhr.status == 200) {//修改dom
                        document.querySelector("h2").innerHTML = JSON.parse(this.responseText).title;
                    } else if (xhr.status = 404) {
                        document.querySelector("h2").innerHTML = xhr.statusText;
                    }
                };
    
                //发送请求
                xhr.send();
            }
        </script>
    </body>
    
    </html>

     

    展开全文
  • ajax请求https

    万次阅读 2017-11-26 13:16:56
    ajax请求路径是https的时候,如果服务器没有配置ssl证书,访问此页面时,浏览器控制台会显示SSL ERROR,和一些其他错误,但请求路径是http是,则不会报错 ajax是ajax的post方法 解决办法:在post方法中加上异步参数...
  • 登录页面ajax请求

    千次阅读 多人点赞 2017-12-19 14:27:20
    登录页面ajax请求
  • vue实战——vue中发送AJAX请求

    万次阅读 多人点赞 2018-05-14 17:52:49
    vue中发送AJAX请求 一、简介 1)vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现。 2) axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-...
  • 合并ajax请求

    千次阅读 2016-04-13 22:52:43
    最小化 Ajax 请求 Ajax 请求彻底改变了传统 web 应用程序的样子,它让 JavaScript 开发人员能创建高度动态化、交互性强、响应迅速的应用程序,就像在桌面应用程序中体验到的那样。结果,在现代的 web 应用程序中...
  • jQuery Ajax请求基础

    千次阅读 2019-04-11 20:12:44
    jQuery Ajax请求基础 Ajax是前端开发中非常常用的API之一,因此写个文章记录一下如何使用jQuery中的Ajax 请求 1.准备jQuery jQuery下载地址 下载jQuery 前端页面 <!DOCTYPE html> <html> <head> ...
  • 如何判断请求是否是AJAX请求

    万次阅读 2017-06-27 11:19:21
    首先需要明白一点AJAX请求中主要对象(原生对象)是什么?XMLHttpRequest具体参考AJAX的前生今世 (http://blog.csdn.net/j080624/article/details/55101279)。知道了该对象,那么就可以通过判断请求头属性来鉴别当前...
  • ajax请求携带cookie、自定义header总结: 错误: 1.ajax请求时是不会自动带上cookie的,要是想让他带上的话,必须设置withCredential为true。 正确: 1.ajax同域请求下,ajax会自动带上同源的cookie; 2.ajax同域...
  • springboot ajax请求数据

    千次阅读 2017-11-20 17:51:28
    springboot ajax请求数据
  • Ajax请求的五个步骤

    万次阅读 多人点赞 2020-06-02 14:01:22
    Ajax请求的五个步骤 一、定义 1、什么是Ajax Ajax:即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新...
  • AJAX请求和普通HTTP请求区别

    千次阅读 2017-07-13 17:45:26
    两者本质区别:AJAX通xmlHttpRequest象请求服务器服务器接受请求返数据实现刷新交互普通http...AJAX请求头会多一个x-requested-with参数,值为XMLHttpRequestString requestType = request.getHeader("X-Requested-Wi
  • laravel判断是否是ajax及postman模拟ajax请求laravel 判断是否是 ajax 请求postman 模拟 ajax 请求 laravel 判断是否是 ajax 请求 public function isAjaxRequest(Request $request) { if ($request-&amp;gt;...
  • ajax请求中自定义添加请求头

    千次阅读 2019-06-11 11:50:08
    在使用ajax请求业务接口时需要使用请求头进行身份验证,方式如下: $(function () { $.ajax({ type: 'GET', url: '/xxxx-api/openapi/url/getBusinessUrl', data: 'ip=10.10.190.1&bizCode=JDCWFCX', ...
  • 如何取消ajax请求

    万次阅读 2018-04-03 14:13:36
    之前在面试的时候,被面试官问到了如何取消ajax请求,然鹅并不知道,被刷之后痛定思痛,总结了原生XHR、jquery、axios取消ajax请求的方法。 原生XHR 对于原生XHR对象来说,取消的ajax的关键是调用XHR对象的....
  • 原生js与JQuery的ajax请求

    千次阅读 多人点赞 2020-08-13 11:52:08
    原生js的ajax请求 1.创建XMLHttpRequest对象 var xhr=new XMLHttpRequest(); 2.准备发送请求 open() xhr.open('请求类型','url地址',是否异步); 参数 描述 请求类型 GET 或 POST url 文件在服务器上的...
  • java判断请求是否为ajax请求

    千次阅读 2019-04-20 15:46:53
    但是,如果请求是ajax,那么就有问题了,ajax请求不能重定向,如果你硬要重定向,这只会将你重定向到的页面的页面内容返回给js而已,所以必须得有一种方法判断请求是否为ajax请求。一开始我也不知道该从何入手,只好...
  • ajax请求 session超时

    2015-01-20 07:33:27
    ajax请求,session超时的情况下,怎么跳转到首页?通过request.getHeader("x-requested-with")可以获取到是ajax请求的,也知道将信息放到response,但是页面上要写一个jquery.ajaxSetup({...})处理ajax请求时session...
  • Jquey框架的Ajax中的$.ajax请求方式

    千次阅读 2020-09-18 11:46:47
    Jquey框架的Ajax中的$.ajax请求方式 ##$.ajax请求方式 什么是$.ajax请求方式 这种方式是将GET和POST方式合成一种请求 如何调用 $.ajax({键:值,键:值,键:值}); ##代码案例: jquery_ajxa_$ajax.html <!...
  • Vue中Ajax请求

    万次阅读 2018-02-07 22:47:45
    前端页面上的数据,大部分都不会是静态的,而是来自于服务器,正是因为这样,所以前端也变得强大起来,那么在Vue中怎么使用Ajax请求呢? Vue本身不支持ajax请求,需要使用“axios”的第三方插件(2.0),axios是...
  • postman模拟ajax请求

    千次阅读 2018-07-04 11:58:05
    postman并没有专门的ajax请求,加上特定的header头。
  • Ajax请求返回图片

    万次阅读 2018-02-13 15:58:49
    前端Ajax请求 &amp;lt;!--HTML标签--&amp;gt; &amp;lt;img id=&quot;ImagePic&quot; alt=&quot;Base64 encoded image&quot; width=&quot;100&quot; height=&quot;100&...
  • python 模拟ajax请求

    千次阅读 2016-07-09 15:09:18
    python 模拟ajax请求
  • Shiro拦截ajax请求

    千次阅读 2018-03-28 15:18:29
    今天又发现了一个新的问题,Shiro的拦截器不能够拦截ajax请求,需要自定义一个拦截器来拦截ajax请求。 package com.ssi.domains.secutity; import org.apache.shiro.SecurityUtils; import org.apache.shiro....
  • jquery设置ajax请求的默认请求方式

    千次阅读 2018-08-07 11:12:45
    定义和用法 jQuery.ajaxSetup() 方法设置全局 ...设置 AJAX 请求默认地址为 "/xmlhttp/",禁止触发全局 AJAX 事件,用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数: $.ajaxSetup(...
  • ajax 一个完整的ajax请求

    万次阅读 多人点赞 2018-03-12 23:21:07
    var request;if(window.XMLHttpRequest){ request=new XMLHttpRequest(); //IE7+,...}else{ request=new ... //IE6,IE5用XHR发送请求:open(method,url,async) 调用XHR对象,async表示同步还是异步,默...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 83,087
精华内容 33,234
关键字:

ajax请求