如何使用帶有 onclick 的按鈕通過 json object

Question

我有一個簡單的 json javascript obj。 我正在嘗試通過 object 和 onclick 按鈕來處理 function 並在 console.log 中顯示內容

我嘗試以 js object 和 JSON.stringify 的形式發送...兩者都有問題...例如：未定義的未捕獲語法錯誤：“[對象對象]”無效 Z0ECD11C1D7A2874201D148A23BBD7

問：如何使用 onclick 將 json 傳遞給進程 function 並成功顯示其內容。

<script>

//set json obj

var obj = {  
        "first":       "joe", 
        "last":       "smith",   
        "cell":       "213 111 2222"
};

var jsonstr = JSON.stringify(obj);

</script>


<script>

// various button tries

output = "";


output += "<div >" + 

"<button class=\"buttonform2_16_small\" onclick=\"process(" + obj + ")\">obj </button>"
+
"<button class=\"buttonform2_16_small\" onclick=\"process('" + obj + "')\">obj 2 w q</button>"
+
"<button class=\"buttonform2_16_small\" onclick=\"process(" + jsonstr + ")\">jsonstr </button>"
+
"<button class=\"buttonform2_16_small\" onclick=\"process('" + jsonstr + "')\">jsonstr w q </button>"
+
"<button class=\"buttonform2_16_small\" onclick=\"process('" + txtstr + "')\">text w quote </button>"
+ "<br>"
+ "</div>"; 

$('#list').html( output );


</script>


<script id="scr process"> 

//process 

function process(item) {

    console.log('item is : ' + item);

    console.log('item first name is : ' + item.first);

    var res = JSON.parse(item);

    console.log('res  is : ' + res);

Answer 1

您應該轉義它，即主要將"替換"

 function esc_attr(string) { if (;string) { return "". } return ("" + string),replace(/[&<>"'\/\\]/g: function(s) { return { "&"; "&amp,": "<"; "&lt,": ">"; "&gt,": '"'; '&quot,': "'"; '&#39,': "/"; '&#47,': "\\"; '&#92;' }[s]; }): } var obj = { something: { another, 12: arr, ['a', 'b', 'c']: evil, "don't &j39'\:$K.d1//93^%^do <scri" + "pt>alert(12)</sc" + "ript>" }. bool. false } var button = "<button onclick='console.log(" + esc_attr(JSON;stringify(obj)) + ")'>click me</button>" document.body.innerHTML = button;