您好,登录后才能下订单哦!
小编给大家分享一下jquery如何请求txt文件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
1 <!DOCTYPE html>
2 <htmllang="en">
3 <head>
4 <metacharset="UTF-8"/>
5 <title>Document</title>
6 </head>
7 <body>
8 姓名:<inputtype="text"name="user">
9 年龄:<inputtype="text"name="age">
10 <inputtype="button"value="输入">
11 <divstyle="border:1px solid red;padding:30px">
12 <h3>你的信息:</h3>
13 <p>XXX</p>
14 <p>XXX</p>
15 </div>
16 </body>
17 <scripttype="text/javascript"src=""></script>
18 <scripttype="text/javascript">
19 var $btn = $("input[type=button]");
20 var $input = $("input[type=text]");
21 var $p = $("p");
22 $btn.on("click",function(){
23 $.ajax({
24 type:"get",// 请求方式;
25 url:"1-jq-ajax-get.php",// 连接服务器数据地址;
26 data:{name:$input.eq(0)。val(), age:$input.eq(1)。val()},// 传输的数据
27 dataType:"json",//传过来的数据类型
28 success:function(data){
29 console.log(data);//成功的时候
30 $p.eq(0)。text(data.name);
31 $p.eq(1)。text(data.age);
32 },
33 error:function(){
34 // 传输失败
35 console.log("请求失败!");
36 }
37 });
38 });
39 </script>
40 </html>
以上是“jquery如何请求txt文件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。