首页 > 软件开发 > HTML >

如何将a标签变成put

来源:互联网 2023-03-16 19:15:48 260

在做页面开发时,我们使用a标签来做链接时,一般这是使用get方法去访问的,如果你希望使用put方法,该怎么操作呢?我们来看一下。

nTc办公区 - 实用经验教程分享!

nTc办公区 - 实用经验教程分享!

方法/步骤

  • 1

    按正常方法,a标签里的链接默认都是使用get方法去请求的。不能直接设置使用put方法去请求。

    nTc办公区 - 实用经验教程分享!

    nTc办公区 - 实用经验教程分享!

    如何将a标签变成putnTc办公区 - 实用经验教程分享!

  • 2

    我们修改a标签,添加一个id,为了附加事件。href属性改为data-href,这是为了不直接提交请求。

    nTc办公区 - 实用经验教程分享!

    nTc办公区 - 实用经验教程分享!

    如何将a标签变成putnTc办公区 - 实用经验教程分享!

  • 3

    接着我们为这个a标签添加一个点击事件。

    nTc办公区 - 实用经验教程分享!

    nTc办公区 - 实用经验教程分享!

    如何将a标签变成putnTc办公区 - 实用经验教程分享!

  • 4

    在事件里,我们先获得工标签要请求的链接,使用data方法取对应的属性,图片里写错了(属性名写错了),代码应该为:var link = $(this).data("href");nTc办公区 - 实用经验教程分享!

    如何将a标签变成putnTc办公区 - 实用经验教程分享!

  • 5

    接着我们发出一个ajax请求,请求的目标就是得到的链接。

    nTc办公区 - 实用经验教程分享!

    nTc办公区 - 实用经验教程分享!

    如何将a标签变成putnTc办公区 - 实用经验教程分享!

  • 6

    在type属性里,我们将其设置为要求的put方法。

    nTc办公区 - 实用经验教程分享!

    nTc办公区 - 实用经验教程分享!

    如何将a标签变成putnTc办公区 - 实用经验教程分享!

  • 6此文章未经许可获取自百度经验
  • 7

    请求后,如果需要在发送请求后把页面转向到新的页面,我们就在success回调里把页面重定向到新的页面。

    nTc办公区 - 实用经验教程分享!

    nTc办公区 - 实用经验教程分享!

    如何将a标签变成putnTc办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!nTc办公区 - 实用经验教程分享!


    标签: HTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码