为JSP中的标记onclick函数提供多个参数

Question

我使用标签onclick函数删除特定文档。 我用三个参数调用该函数。

但我的正则表达式不包括具体案例。

一般来说，它的工作原理就像“测试”一样。 但有些情况不起作用。

喜欢这种情况=>“圣约翰”

 //return '<tr><td>' + key + '</td><td>' + value + '</td><td>' + '<a href="javascript:void(0);" onclick="deleteName(\'' + key + '\'' + ',\'' + value + '\'' + ',\'' + regionCode + '\');" >[ 삭제 ]</a>' + '</td></tr>';

 //return '<tr><td>' + key + '</td><td>' + value + '</td><td>' + '<a href="javascript:void(0);" onclick="deleteName(\'' + key + '\'' + ',\'' + '/\"'+ value + '\'' + '\"/ ' + ',\'' + regionCode + '\');" >[ 삭제 ]</a>' + '</td></tr>';

const itemsArray = tableData.map(function(item) {
                    var key =  Object.keys(item)[0];
                    var value = Object.values(item);
                    //return '<tr><td>' + key + '</td><td>' + value + '</td><td>' + '<a href="javascript:void(0);" onclick="deleteName(\'' + key + '\'' + ',\'' + value + '\'' + ',\'' + regionCode + '\');" >[ 삭제 ]</a>' + '</td></tr>';
                    //return '<tr><td>' + key + '</td><td>' + value + '</td><td>' + '<a href="javascript:void(0);" onclick="deleteName(\'' + key + '\'' + ',\'' + '/\"'+ value + '\'' + '\"/ ' + ',\'' + regionCode + '\');" >[ 삭제 ]</a>' + '</td></tr>';
                    return '<tr><td>' + key + '</td><td>' + value + '</td><td>' + '<a href="javascript:void(0);" onclick="deleteName(\'' + key + '\''  + ',\'' + "\""  + value  + "\"" + ',\'' + regionCode + '\');" >[ 삭제 ]</a>' + '</td></tr>';
                });

这是预期的关键值例子

const key = "en";
const value = "test"; // it works
const value = "St. John's"; // it doesn't work.
const regionCode = "AG-ANU";

如果onclick函数调用成功，

它调用此功能

function deleteName(key, value, regionCode) {
       $.ajax({
            url: "http://localhost:8080/api/v1/regions/" + regionCode + "/names?lang=" + key + "&name=" + value,
            method: "DELETE",
            success: function() {
                alert("삭제되었습니다.");
                location.reload();
            },
            error: function(err) {
                console.log(err);
            }
        });
    }

我需要值部分正则表达式的帮助。

Answer 1

这不是好方法，但我这样解决了。

  const itemsArray = tableData.map(function(item) {
                    var key =  Object.keys(item)[0];
                    var value = Object.values(item)[0];
                    var valueStr = JSON.stringify(value);
                    var valueString =   value.replace(/'/gi, "\\\'");

                    var keyValueRegionCode = key + "|" + valueString + "|" + regionCode;

                    return '<tr><td>' + key + '</td><td>' + value + '</td><td>' + '<a href="javascript:void(0);" onclick="deleteName(\'' + keyValueRegionCode + '\');">[ 삭제 ]</a>' + '</td></tr>';
                });

然后调用keyValueRegionCode

function deleteName(keyValueRegionCode) {
        var keyValue = keyValueRegionCode.split("|")[0];
        var nameValue = keyValueRegionCode.split("|")[1];
        var regionCode = keyValueRegionCode.split("|")[2];
       $.ajax({
            url: "http://localhost:8080/api/v1/regions/" + regionCode + "/names?lang=" + keyValue + "&name=" + encodeURIComponent(nameValue),
            method: "DELETE",
            success: function() {
                alert("삭제되었습니다.");
                location.reload();
            },
            error: function(err) {
                console.log(err);
            }
        });
    }

1）value.replace（/'/ gi，“\\\\'”）; - >这个正则表达式就像这样制作单撇号。 （\\'）

2）为参数调用功能轻松制作参数。