get请求传参案例

最新推荐文章于 2024-05-21 16:23:54 发布
最新推荐文章于 2024-05-21 16:23:54 发布
阅读量1.5k 收藏
点赞数 1
文章标签： get请求传参案例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43469418/article/details/87921921
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>

</ul>

<script>
    var v=new XMLHttpRequest();
    v.open("get","http://www.liulongbin.top:3005/api/getnewslist");
    v.send();
    v.addEventListener("readystatechange",function () {
        if(this.readyState!=4){
            return;
        }
      //  console.log( typeof this.responseText);
        var data=JSON.parse(this.responseText);
       // console.log(data);
        //console.log(typeof data);//object
        for(var i=0;i<data.message.length;i++){
            var title=data.message[i].title;
            console.log(title);
            var li=document.createElement("li");
            li.innerHTML=data.message[i].title;
            li.id=data.message[i].id;//存id
            document.getElementsByTagName("ul")[0].appendChild(li);

        //给每个li注册点击事件
            li.addEventListener("click",function () {
                if(document.getElementsByTagName("div")[0]){
                    document.getElementsByTagName("body")[0].removeChild(document.getElementsByTagName("div")[0]);
                }
                var div=document.createElement("div");
                console.log(this.id);
                var xhr=new XMLHttpRequest();
                xhr.open("get","http://www.liulongbin.top:3005/api/getnew/"+this.id);

            xhr.send();
            xhr.addEventListener("readystatechange",function () {
                //console.log(xhr);
                if(this.readyState!=4){
                   return;
               }
                console.log(this.responseText);
                var data=JSON.parse(this.responseText);

                //转化成json字符串
                // var obj=  eval("("+this.responseText+")");
               // console.log(typeof JSON.stringify);
                console.log(data.message[0].content);
                div.innerHTML=data.message[0].content;
                document.getElementsByTagName("body")[0].appendChild(div);
                
            });
            });
        }

    });
    //转化成json对象  eval()  写法不一样  eval（“（“+json字符串+”）”）
     // 转化为json对象   JSON.parse(json字符串);
    // 转化为json字符串   JSON.stringify(json对象);


</script>
</body>
</html>
媛源缘
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Django URL传参 FORM表单传数据 get post的用法实例
09-20
首先，我们来看**URL传参**，这通常涉及到GET请求。在Django中，URL参数是通过URL模式定义并在视图函数中接收的。例如，如果前端HTML链接中包含一个变量`x`，我们可以使用Django的模板标签`{% url %}`将其传递到视图...
requests之get请求带参数示例详解
一个有趣灵魂的测试员，指点江山，挥斥方遒
05-29 1万+
具体见以下详细步骤 获取响应数据 获取请求头 获取响应头、状态码 有两点需要引起注意： a、响应结果一般有三种格式：HTML、json、text b、text方法返回的是字符串格式的内容 获取cookie cookie是一种类字典的数据格式，如果我们想把字典的值打印出来，可以根据key值去获取并打印出来，或以字典形式查看cookie 以上操作步骤，代码如下所示： import requests # 1.发起请求后得到的响应数据存在res里面 res = requests.get('ht
后端接收Get请求与Post请求 参数示例
LoveStady的博客
08-31 8470
本文通过示例介绍：Controller层如何获取Get与Post请求携带的参数（SpringMVC框架）
react fetch get请求传参导出excel
最新发布
u010234868的专栏
05-21 569
【代码】react fetch get请求传参导出excel。
Http请求(二)-带参数的Get请求
小高同学要努力吖
08-16 1121
package com.java; import org.apache.http.client.methods.CloseableHttpResponse; import org.apache.http.client.methods.HttpGet; import org.apache.http.client.utils.URIBuilder; import org.apache.http.impl.client.CloseableHttpClient; import org.apache.http.i.
SpringBoot - 获取Get请求参数详解（附样例：非空、默认值、数组、对象）
az44yao的专栏
06-19 9680
利用Spring Boot来制作Web应用，就必定会涉及到前端与后台之间互相传递参数。下面演示Controller如何接收以GET方式传递过来的参数。 一、参数直接在路径中 （1）假设请求地址是如下这种RESTful风格，hangge这个参数值直接放在路径里面： 1 http://localhost:8080/hello/hangge （2）Controller可以这么获取该参数： 1 2 3 ...
get 几种传参方式
热门推荐
weixin_45784919的博客
08-05 3万+
关于post和get传参数测试
微信小程序开发-字精简版案例源码.zip
12-12
在"字精简版"案例中，可能涉及到如何使用wx.request发送GET或POST请求，以及处理响应数据。 7. **本地存储**：小程序可以使用wx.setStorage和wx.getStorage等方法进行本地数据持久化存储。源码可能会演示如何保存...
Android中通过GET和POST方式以及使用HttpClient框架通过网络通信提交参数给web应用案例
04-15
在Android开发中，网络通信是应用与服务器交互的重要手段，GET和POST是HTTP协议中最常见的两种请求方法。本文将深入探讨如何在Android中利用这两种方式以及HttpClient框架来提交参数给Web应用。 首先，GET和POST的...
关于 uni-app 的一些案例.zip
10-27
4. **网络请求**：uni-app提供了uni.request方法进行网络请求，支持GET和POST等HTTP方法，可以处理JSON、XML等多种数据格式。 5. **多媒体处理**：uni-app提供了图片、视频、音频等多媒体处理接口，便于在应用中...
Nginx+lua通过url传参的方式实现动态代理
07-20
本案例的需求是通过URL传参的方式，让Nginx代理到不同的服务器。具体场景如下： - 当浏览器输入`http://127.0.0.1/remote?port=8081`时，Nginx应将请求代理到`http://192.168.108.2:8081`。 - 该功能需要具备一定的...
GET和POST的区别以及传参详细解说
Jerry的博客
03-23 1万+
文章目录前言一、get和post的区别1、w3school 标准答案2、GET、POST 请求报文上的区别二、传参1.get传参2.post传参传入参数json传入参数data传入参数params总结 前言 该文章为自己学习及经验总结，里面可能会有不准确的地方，后续会不断的修正 文章内容主要针对软件测试人员需要掌握的范围 一、get和post的区别 1、w3school 标准答案 2、GET、POST 请求报文上的区别 GET 和 .
Get请求中三种传参方式解读
weixin_49369316的博客
03-13 1万+
Get请求中三种传参方式解读
Get传参与Post传参区别
2302_80935968的博客
03-27 693
get与post
一文搞懂get、post传参
到底要什么姿态，才不会显得我在使坏。
03-06 3895
（4）用@RequestParam注解修饰的字段前端必须有对应的参数传过来，用@RequestBody修饰的类，前端至少要传一个空的json串，json串内容不一定需要和类对应，json串中只要有类的字段，后端的类就会从中取出对应的字段并赋值。（3）不管是@GetMapping还是@PostMapping，除了@RequestBody注解对应的参数是通过json在body里面传参数外，@RequestParam注解和没有注解都是在url中传参数.@RequestParam的使用如下，具体到参数类型的字段。
get 加body体传参
WindwirdBird的博客
03-14 9669
get 加body体传参 场景： 做业务的时候经常会遇到这样的场景，比如传统业务查询的时候， get 请求但是需要加好几个请求过滤参数，在加上分页的话，参数的确有点多， @ RequestParam （用此注解把请求普通参数绑定在控制的方法上）， 看起来不美观，写起来麻烦，感觉很low， 如果用一个对象，或者map接收多好，干净又利落...
get和post区别
weixin_45757427的博客
11-22 290
一、get和post区别 1.url可见性 get传参方式是通过地址栏URL传递，是可以直接看到get传递的参数，post传参方式参数URL不可见，get把请求的数据在URL后通过？连接，通过&进行参数分割。psot将从参数存放在HTTP的包体内 2.传输数据大小 get传递数据是通过URL进行传递，对传递的数据长度是受到URL大小的限制，URL最大长度是2048个字符。post没有长度限...
4种get方法传参
走向构架师
12-07 1万+
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">
PHP如何利用post与get方式传值接收数据
Gan_1314的博客
02-19 1955
文章中介绍的几种常用的获取 GET/POST 参数的方法，都能够满足我们日常网站对获取或者发送get/post参数的需求，根据实际需求和项目结构选择合适的方法，才是最佳的策略。我们可以通过不同的使用方法来满足我们网站程序开发的需要。每一种方法都有他的优缺点和用处，对于站内、站外、简单、复杂、普通、敏感数据的处理方式应该综合考虑、权衡利弊后进行选择。
HttpClient get请求传参实例
03-25
好的，以下是一个HttpClient的get请求传参的示例代码： ```java CloseableHttpClient httpclient = HttpClients.createDefault(); HttpGet httpGet = new HttpGet("http://www.example.com/search"); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值