jq的get，post请求的演示

已于 2022-05-23 13:06:57 修改
阅读量228 收藏
点赞数
文章标签： 前端 javascript 开发语言
于 2022-05-23 13:04:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ShadeTrees/article/details/124925260
版权

jq的get，post请求的演示

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <h1>标题</h1>
  <h2>名称</h2>
  <h3>皮肤</h3>

  <script src="./lib/jquery.min.js"></script>
  <script>
  
  
    $(function () {

      // 1 使用jq的 get请求 来请求数据
      // 2 一定要确认 接口地址 没有写错  
      //    验证的方式  把请求 放在浏览器内 访问 如何有数据 表示没有问题！！  
      // http://127.0.0.1:3001/getHero

      $.get(
        "http://127.0.0.1:3001/getHero",
        function (res) {
          // 回调函数 会在 数据响应回来了 触发
          console.log(res);

          $("h1").text(res.data.title);
          $("h2").text(res.data.cname);
          $("h3").text(res.data.skin_name);

        }
      )


    })
$("#heroSubmit").click(function () {
        // 英雄的名称
        const name = $("#name").val().trim();
        // 英雄的性别
        const gender = $("#gender").val();
        // 英雄的头像 先写死 空字符串 
        const img = "";

        // 发送给后台 完成添加 
        // url
        // 请求方式
        // 参数 

        $.post("http://127.0.0.1:3001/addHero", { name, gender, img }, 		    function (res) {
          console.log(res);
        })
  </script>
</body>

</html>
ShadeTrees
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery的$怎么发起post请求并携带自定义请求头
m0_65659549的博客
04-26 633
将 JavaScript 对象转换为 JSON 字符串，以便作为请求体发送。方法发起 POST 请求并携带自定义请求头。此外，如果你的数据是 JSON 格式的，你还需要设置。是你想要发送 POST 请求的服务器端点，函数分别定义了请求成功和失败时的回调函数。对象用来添加自定义的 HTTP 请求头，替换为你的自定义请求头的值，以及。替换为你想要发送的数据的键值对。在 jQuery 中，可以使用。指定了请求类型为 POST。对象包含了你想要发送的数据。替换为你的服务器端点，
使用jQuery的ajax方法向服务器发出get和post请求的方法
10-20
主要介绍了使用jQuery的ajax方法向服务器发出get和post请求的方法,需要的朋友可以参考下
jquery中get和post的简单实例
12-10
例子: test.html页面引用[removed][removed] 内容有:<div id=”divMsg”>Hello World!</div> 用法1:(页面载入时读取远程页面内容到divMsg) $(“#divMsg”).load(http://localhost:8012/t.php, { “resultType”: “html” }); 返回类型resultType有如下几种: “xml”, “html”, “script”, “json”, “jsonp”, “text” 用法2:(
jQuery get() 方法
lzh578903779的博客
05-08 930
定义和用法 $.get() 方法使用 HTTP GET 请求从服务器加载数据。 实例 请求 "test.php"，但是忽略返回结果： $.get("test.php"); 请求 "test.php" 并连同请求发送一些额外的数据（忽略返回结果）： $.get("test.php", { name:"Donald", town:"Ducktown" }); 请求 "te
Android 初识网络之get/post方法演示
孺子-小哥
08-11 3927
布局： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_heigh
jQuery.get() 函数详解
时清云的博客
03-24 3987
这个get（）和另外一个$.get()的ajax请求不一样，这个是获取DOM元素的 get()函数用于获取当前jQuery对象匹配到的DOM元素 这里介绍的get()函数属于jQuery对象实例，jQuery中还有一个jQuery.get()函数，它属于全局的jQuery对象(无需自行创建jQuery对象)，用于通过GET形式的AJAX请求获取远程数据。 该函数属于jQuery对
原生js 封装get ,post, delete 请求的实例
11-30
现在的项目中都在用VUE 以及react 等MVC， MVVM 框架。...POST,GET,DELETE 的请求方式。当然根据不同的公司，不同的方式。都可以自己扩展。目前这个只是针对自己所在公司而已。 function api(url,opt,methods) {
jquery $.getJSON()跨域请求
12-12
1，同一域名下和其他的请求可以是一样的 js: 代码如下: var url=”http://localhost:2589/a.ashx”; $(function(){ $.getJSON(url,function(data){ alert (data.Name); }) }); 服务器返回字符串： {“Name”...
jQuery中get和post方法传值测试及注意事项
10-25
jQuery 的 get 和 post 方法有三个参数：地址，数据 和回调函数，刚刚做了几个实验，看看下面的代码就清楚了
jQuery基础
@_囚徒-2018_的家园
08-28 628
1.JavaScript框架 JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。为了应对这些调整，许多的 JavaScript  库应运而生。这些 JavaScript 库常被称为 JavaScript 框架。比较常用的JavaScript框架有jQuery、Prototype以及MooTools等等。 2.jQuery框架
ajax测试jq_get方法和jq_post方法和jq_ajax方法
zuo_zuo_blog的博客
05-30 318
(1)jQuery.get(url,[data],[callback],[type]) 通过远程 HTTP GET 请求载入信息。 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。 (2)参数 url:待载入页面的URL地址 data:待发送 Key/value 参数。 callback:载入成功时回调函数。 t...
jQuery中的get和post请求
前端-尔嵘
11-23 1126
学了原生js中Ajax的get和post请求，不知道有没有弄懂，原文链接：请戳我 那么jQuery中的get和post请求又是什么样子的呢，我们一起来看一下。 jq中的get请求示例： div.className = "content"; let queryParams = {//传给后台需要的参数 page: 1, limit: 100000, prjId: "1196733073...
jquery post请求服务器资源
ybybh的专栏
05-16 466
今天碰到一个需要js环境请求服务器计算的场景，由于项目中有jquery环境，所以直接采用了juery的 操作方式，也是不熟悉，通过学习，简要记录如下。 1.第一个问题是数据格式的问题。前台是对象数组，由于前后环境不一致，后台是java环境，对象不能直接传过去处理，所以，需要解决的问题首先是要将数据使用xml或者json格式传输。使用方法： var data = JSON.stringify(s...
jQuery发送GET请求的两种代码写法，用代码写出来完整配置
Coder_Xy的博客
05-12 1754
$.get(url, (data) => { }); $.ajax({ url: "", method: "GET", data: { }, contentType: { }, headers: { }, success: ( ) => { }, error: ( )=>{ }, complete: ( )=>{ } }) ...
jq中get()和eq()的区别
aiqizhi6114的博客
04-24 405
一直弄混淆的获取元素的方法，现整理一下： :eq(index) 选择器选取带有指定 index 值的元素。 index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。 如：$("p:eq(1)").css("background-color","#B2E0FF");改变第二个q标签背景色 .eq(index) 方法选取带有指定 index 值的元素。 ind...
记录一下JQ中的ajax请求
weixin_44779466的博客
05-22 54
JQ中的AJAX请求 $.ajax({ type:"GET", url://服务器地址 dataType:"json", 预期服务器返回数据的类型 success:function(data){ if(data.success){ $("searchResult").html(data.msg); }else{ $("#searchResul
jquery的post请求
xiaoqidela的博客
01-10 3731
使用Java作为后台代码接受post请求，框架使用spring mvc或spring boot框架 后端代码片段： @RequestMapping(value="/requestBody",method= RequestMethod.POST) @ResponseBody public Map userMgr(@RequestBody Map map){ String id=map.
jquery的get和post请求
影子
12-24 446
第一种方式：手工填写所有表单数据 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Insert title here&lt;/title&gt; &lt;script type="text/javascript"&g
用jq发送post请求
最新发布
05-27
可以使用以下命令来发送 POST 请求： ``` curl -X POST \ -H "Content-Type: application/json" \ -d '{"key1":"value1", "key2":"value2"}' \ http://example.com/api/endpoint ``` 其中，`-X POST` 表示发送 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值