ajax中get请求url传参数

回到文章总目录

ajax请求当中,设置url的参数
先介绍一下通常的传参：通常的传参是在地址栏里面传参数
如在浏览器里面输入：

https://www.baidu.com/s?wd=luichun

将会得到：搜索关键字为luichun

ajax的传参：也是在url的后面缀参数
用问号分割：？
'参数名字' + '=' + '值'
如:

http://127.0.0.1:8000/server?a=100

有多个参数则用&符号分割
如:

http://127.0.0.1:8000/server?a=100&b=200&c=300

通过上过案例，只在get.html文件中修改url

get.html中的代码为

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Ajax get 请求</title>
</head>
<body><button>点击发送get请求</button><!-- id为result的div --><div id="result" style="width:  200px;height: 100px;border: solid 1px #770088;"></div><script>// 获取button元素// 1.这个指定元素是那个——第一个按钮 （下标为0）const btn = document.getElementsByTagName('button')[0];// 把获取到的响应体展示在div中const result = document.getElementById("result");// 2.绑定事件 btn.onclick = function(){}// 一般作为开发会进行本网页是否功能正常，测试则为在控制台输出信息// btn.onclick = function(){console.log('测试成功');}// btn.onclick = function(){// 1.创建对象const textone = new XMLHttpRequest();// 2.初始化，设置请求方法和URL// 第一个参数为[什么类型的请求]// 第二个参数为[给那个url发送]textone.open('GET','http://127.0.0.1:8000/server?a=100&b=200&c=300');// 3.发送textone.send();// 4.事件绑定 处理服务端返回的结果// onreadystatechange 的意思//  on 就是when 当...的时候// readystate 是textone 对象中的属性，表示状态    有5个值//                                                                                                  状态     意思//                                                                                                     0        没初始化//                                                                                                     1        open方法调用完毕//                                                                                                     2        send方法调用完毕//                                                                                                     3        服务端返回了部分结果//                                                                                                     4        服务端返回了所有结果// change 更改，改变textone.onreadystatechange = function(){// 判断 (服务端返回了所有的结果) 4if(textone.readyState === 4){// 再次判断响应状态码   200 404 403 401 500之类的// 200-299的都是认定为成功if(textone.status >= 200 && textone.status < 300){// 处理结果// 1.响应行console.log('状态码',textone.status);//状态码console.log('状态符串',textone.statusText);//状态字符串console.log('所有响应头','\n',textone.getAllResponseHeaders());//所有响应头console.log('响应体',textone.response);//响应体// 设置result的文本result.innerHTML = textone.response;}else{}}}}</script>
</body>
</html>

ajax中get请求url传参数相关推荐

get请求URL传参url编码工具类
get请求URL传参需要进行url编码,只能编码参数,不能整个编码URL package com.bonc.bxm.security.common.util;import lombok.extern ...
delete请求怎么传参数_postman第2讲-核心功能一：Request（请求）
Request 是 postman 进行接口测试最核心的功能,下面我们对其进行一一讲解,本讲主要围绕以下功能区域进行讲解: 新建一个 Request 我们想在 postman 中创建一个 Reques ...
GET请求URL拼接参数
1. 只拼接参数:(适用于拼接的参数中没有特殊字符) /*** @Description get请求URL拼接参数* @param url* 接口地址(无参数)* @param map* 拼接参数集 ...
ajax中POST请求与参数(请求体)设置
回到文章总目录 1.创建在testthree文件夹并在这个文件夹里面 2.创建post.html文件 3.创建server.js文件本篇文章使用了当鼠标移动至方框内则发送请求示例 post.html ...
thinkphp中URL传参数的几种方式
在thinkphp中,url传参合asp.net中原理类似,下面就单个参数和多个参数传递方式进行一个简单讲解 1.传单个参数单个参数这种比较简单,例如想像edit操作里面传递一个id值,如下写法_ ...
python get请求 url传参_requests的get请求url参数、url重定向处理及cookies
需求:在百度搜索www.python66.com,然后将搜索结果保存到文件bd_python66.html 百度搜索的url:https://www.baidu.com/s?wd=搜索词 params ...
AJAX中的请求方式以及同步异步的区别
请求方式,分为GET与POST: GET 最为常见的HTTP请求,普通上网浏览页面就是GET.GET方式的参数请求直接跟在URL后,以问号开始.(JS中用window.location.searc ...
java get请求url拼接参数_Java 基础知识复习
一. get和post的区别 get是从服务器上获取数据(http与服务器交互的查),post是向服务器传递数据(http与服务器交互的改). get传送的数据量比较小,post传送数据量比较大,默认 ...
ajax中设置请求头和自定义请求头
回到文章总目录 1.创建在testfour文件夹并在这个文件夹里面 2.创建post.html文件 3.创建server.js文件本篇文章使用了鼠标移动至方框则自动发送请求至服务端通常设置请求头 ...

ajax中get请求url传参数

ajax中get请求url传参数相关推荐

最新文章

热门文章