使用Ajax get请求数据的小例子

最新推荐文章于 2024-04-09 10:00:00 发布
最新推荐文章于 2024-04-09 10:00:00 发布
阅读量892 收藏
点赞数
分类专栏： Jquery Ajax 文章标签： html javascript jQuery Ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qianqian_blog/article/details/83152804
版权

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-3.3.1.js"></script>
    </head>
    <body>
        <script>
            var dianxin="dianxin";
            $.ajax({
                type:"GET",//请求方式
                dataType:"jsonp",//请求数据的格式
                jsonp: "callback",
                jsonpCallback:dianxin+"_jsonpCallback",
                url:"http://218.95.161.229:8082/wt/appProApprovalAction/app!jsonpBuildLogProList.action?pageIndex=1",
//                 data:{proName:"项目名称",proId:"项目id",createTime:"创建时间",statusStr:"项目状态"},
                success:function (data) {
                    var d=data.result_list;
                    $.each(d,function(data,n){
                        var row=$("#template").clone();
                        row.find("#proName").text(n.proName);
                        row.find("#proId").text(n.proId);
                        row.find("#createTime").text(n.createTime);
                        row.find("#statusStr").text(n.statusStr);
                        row.appendTo("#tbody");
                    });
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                          alert("请求失败");
                      }
                 });
        </script>
         <table id="datas" border="1"  style="border-collapse: collapse">
          <tr style="background: deepskyblue;height: 30px;">
            <td id="proName">项目名称</td>
            <td id="proId">项目id</td>
            <td id="createTime">创建时间</td>
            <td id="statusStr">项目状态</td>
          </tr>
          <tbody id="tbody">
               <tr id="template">
           <td id="proName"></td>
           <td id="proId"></td>
           <td id="createTime"></td>
           <td id="statusStr"></td>
          
              </tr>
           </tbody>
        </table>   
    </body>
</html>

请求成功的截图（这里说明一下，由于后台直接转成了数组，所以不用转换）欢迎大家指导，学习

qianqian_blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax中get请求实例解析
Helios32的博客
09-30 410
<html> <head> <script type="text/javascript"> function loadXMLDoc() { var xmlhttp;//创建xmlhttprequest对象； if (window.XMLHttpRequest)//检查浏览器是否支持创建xmlhttprequest.对象 {// 新版浏览器...
发送Ajax get请求详解
heliuerya的博客
05-05 1371
/注意这里的innerHTML是JavaScript中的语法，与ajax的XMLHttpRequest对象无关，//当XMLHttpRequest对象的readyState的状态码是4的时候，表示响应结束了。//响应结束之后，一般会有一个HTTP的状态码，HTTP状态码是HTTP协议的一部分，//user：用户名 psw：密码 是进行身份认证用的，这个主要看服务器的需要，不需要的情况下就省略了。//url：请求路径（请求地址）(这是前端服务器发送的请求需要有项目名 "/项目名/xxx")
Ajax学习笔记（二）：jQuery 中的 AJAX、axios发送AJAX请求、AJAX-jQuery通用方法发送AJAX请求、fetch发送AJAX请求、同源策略、JSONP、CORS
最新发布
weixin_62764364的博客
04-09 1163
type:设置返回内容格式，xml, html, script, json, text, _default。实现用户校验，服务端响应体是一个函数，先声明handle函数，然后创建script标签，利用src属性请求数据。type:设置返回内容格式，xml, html, script, json, text, _default。AJAX默认遵循同源策略。这是一个跨原的一个请求的设置，匿名的意思，加上这个请求时将不会写在当前域名的。案，它的特点是不需要在客户端做任何特殊的操作，完全在服务器中进行处理，支持。
jQuery中ajax - get() 方法实例详解
10-23
在JQuery中可以使用get，post和ajax方法给服务器端传递数据，接下来，通过本篇文章给大家介绍jquery中ajax-get()方法实例详解，有需要的朋友可以参考下
快速上手Ajax【一篇文章就搞懂】
热门推荐
Potry Code的博客
10-20 2万+
目录：1.什么是 AJAX ？2.快速上手2.1 AJAX工作流程图2.2 readyState 和status3. 具体用法3.1 GET 请求3.2. POST 请求3.3选择GET还是POST？3.4 同步与异步 1.什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使...
完整AJAX实例 实现一个简单的 GET 请求
dibengcheng6179的博客
01-24 239
创建 XMLHttpRequest 对象 所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。 创建 XMLHttpRequest 对象的语法： variable=new XMLHttpRequest(); 老版本的 Internet Explorer （IE5 和 IE6...
Ajax请求数据小实例
10-18
使用Ajax get请求数据的小例子，使用$.each()循环显示到表格，里面有接口，大家可以使用，欢迎指导学习
Ajax 数据请求的简单分析
09-05
通过这种方式，无论用户使用的是哪个浏览器，都能创建一个可以发送Ajax请求的对象。 接下来，我们来看一个简单的Ajax应用示例，它使用自定义命名空间`ajaxEl`来封装Ajax功能： ```javascript var ajaxEl = { ...
基于jstree使用AJAX请求获取数据形成树
10-19
`$.ajax`方法发送一个GET请求到`"/demo/authority/getAuthoritys"`，期望返回JSON格式的数据。当请求成功时，它遍历返回的数组，将每个元素转换为jstree理解的JSON对象，然后通过`callback.call(this, jsonarray)`将...
ThinkPHP中使用ajax接收json数据的方法
10-25
在上面的JavaScript代码中，`ajax`函数发送一个GET请求到服务器，并在`success`回调中处理返回的数据。由于服务器返回的是JSON格式，我们使用`eval()`函数（虽然存在安全风险，但在示例中简化了代码）将JSON字符串...
Springmvc处理ajax请求并返回json数据
10-15
在本文中，我们将深入探讨如何使用Spring MVC框架处理AJAX请求并返回JSON数据。这是一个常见的需求，特别是在构建现代Web应用程序时，需要与客户端进行异步交互。AJAX（Asynchronous JavaScript and XML）允许我们在...
AJAX发送get请求小案例
weixin_43299461的博客
12-22 1334
下面是一个利用JavaScriptt程序的AJAX发送的一个get请求案例； 首先要准备这几样东西： 网页代码` &amp;lt;%@ page language=“java” import=“java.util.*” pageEncoding=“utf-8”%&amp;gt; &amp;lt;% String path = request.getContextPath(); String basePath = req...
自动化测试面试题
qq_42610167的博客
09-24 3194
面试题 1，浏览器输入 l url 按回车背后经历了哪些？ 1.在 PC 浏览器的地址栏输入一串 URL，然后按 Enter 键这个页面渲染出来，这 个过程中都发生了什么事? 1、首先，在浏览器地址栏中输入 url，先解析 url，检测 url 地址是否合法 2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在 屏幕中显示页面内容。若没有，则跳到第三步操作。 浏...
Ajax学习——jQuery下的post和get请求
极_晓的博客
09-24 8401
“要点” jQuery下的post，get请求 常用的jQuery的AJAX方法
AJAX——在网页中请求数据的方式(GET,POST)
asdf1234dfty的博客
07-17 1673
无
发送ajax的get请求,ajax发送GET和POST请求(示例代码)
weixin_39810901的博客
08-06 444
1、ajax-get请求demo1 2 document.getElementById("buttonname").onclik=function(){3 //发送AJAX查询请求4 var request=newXMLHttpRequest();5 request.open("GET","xxxx.jsp?name="+document.getElementById("n...
发送ajax的get请求,AJAX之发送GET请求
weixin_39761647的博客
08-06 794
用jquery发送get请求function AjaxSubmit1() {$.ajax({//用jQuery发送url: '/app04/ajax1/',type: 'GET',data: {'p':123},success:function () {}})}原生发送get请求function AjaxSubmit2() {//原生发送请求var xhr = new XMLHttpRequest...
如何使用jquery的ajax请求后端数据
07-08
在这个例子中，我们使用了GET请求方法，并期望返回的是JSON格式的数据。你需要将`your_backend_url`替换为你实际后端接口的URL。 3. 在`success`回调函数中处理返回的数据。在这个函数中，你可以使用`response`参数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值