onclick事件的传值然后去执行ajax请求_onckick发送ajax-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_40212700/article/details/104591465

通过onclick事件，可以将元素的hdid属性值作为参数传递，如 Onclick='findOne(" + element["hdid"] + ")'，然后在findOne函数中接收到参数，进一步发起AJAX请求进行数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
    url: 'http://localhost:8080/housedish/findloupantable',
    type: 'get',
    datatype: 'json',
    success: function (res) {
      console.log(res);
      var str = " ";
      str += "<table id=\"lp\" width=\"100%\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\" bgcolor=\"#749cdf\">\n" +
              "  <thead><tr class=list align=\"center\">" +
              "<td width=\"10%\" align=\"center\" bordercolor=\"#6666FF\">楼盘名称</td>" +
              "<td width=\"15%\" align=\"center\" bordercolor=\"#6666FF\">楼盘信息</td>" +
              "<td width=\"10%\" align=\"center\" bordercolor=\"#6666FF\">项目负责人</td>" +
              "<td width=\"25%\" align=\"center\" bordercolor=\"#6666FF\">预售许可证号</td>" +
              "<td width=\"15%\" align=\"center\" bordercolor=\"#6666FF\">楼盘状态</td>" +
              "<td width=\"5%\" align=\"center\" bordercolor=\"#6666FF\">资料员</td>" +
              "</tr></thead><tbody>";
      $.each(res, function (index, element) {
        str += "<tr class=toplist οnmοuseοver=mouseovertr(this) οnmοuseοut=mouseouttr(this) **onClick=\"findOne(" + element['hdid'] +")**\">" +
                "<td>" + element['hdname'] + "</td>" +
                "<td>" + element['hdcompany'] + "</td>" +
                "<td>" + element['dlname'] + "</td>" +
                "<td>" + element['dllicense'] + "</td>" +
                "<td>" + element['hdstatus'] + "</td>" +
                "<td>" + element['siname'] + "</td>" +
                "</tr>";
      })
      str += "</tbody></table>";
      $('body').append(str);
    }

onClick=“findOne(” + element[‘hdid’] +")可以直接添加参数进行传递！！！

findOne = function (id){
    alert(id)
    $.ajax({
      url: "http://localhost:8080/housedish/findOne",
      type: "POST",
      dataType: "json",
      processData: false,
      contentType: false,
      data: {
        hdid: loupanId,
      },
      success: function (data) {
        alert("data");
        window.location.href = "localhost:63342/myProject/houseproperty/src/main/webapp/loupan.htm";
      },
      error: function (data) {
        alert("删除英雄职业失败");
      }
    });
  }