javascript - 在 JSONP 结果中设置 sessionStorage？

Question

我正在尝试在 AJAX JSONP 请求的结果处理程序中使用 HTML5 设置 sessionStorage。为了解释这一点，假设我的 AJAX 是这样的:

$(document).ready(function(){
    var output = $('.dotted-list');

    $.ajax({
        url: 'page.php?sub='+categories+'',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 
                var landmark = '<a href="products.html"  data-transition="slidefade" onClick="sessionStorage.someKey = 'Something';">'
                + '<div class="sub-baners">'
                + '<img src='+item.aw_image_url+' >'
                + '</div>'
                + '</a>';
                output.append(landmark);
            });
        },
        error: function(){
            output.text('There was an error loading the data.');
        }
    });

如您所见，我正在尝试使用内联 onClick="" 设置 sessionStorage，但我知道我做的是错误的，因为当我检查元素时在浏览器中而不是得到这样的东西:

 onClick="sessionStorage.someKey='Something';" 

我得到了一个非常奇怪的输出，乱七八糟!像这样:

Something;' onClick="sessionStorage.someKey = "

有人可以就此问题提出建议吗？

Answer 1

这是一个错误的代码，但你可以解决这个问题:

  onClick="sessionStorage.someKey = \'Something\';"

查看转义的单引号。

但是，如果您删除 html 中的 onclick 并在 javascript 文件中编写一个监听器，以便您可以更好地控制并使用正确的语法，那就更好了。