javascript - 如何以键值对的形式将数据插入 HTML

Question

我返回了一个填充了一些键值对的表单。根据用户交互，我想将其中一些插入到我的 HTML 中。我使用 AJAX 找到了一些答案，但无法锻炼如何通过 javascript 访问键值对。我还不想使用 jquery，因为我想先了解 javascript 和 DOM 是如何工作的。下面是我想要做的一个想法

<script> 
  function changeanchor(urlitem) {
    document.getElementById("urlanchor").innerHTML = "";  
    while ($urls as $url) {
      if (urlitem == $url->item) {
        document.getElementById("urlanchor").innerHTML .= $url->urlanchor;
      }
    }
</script>

我知道“$urls as $url”等是PHP，但我认为这是解释我需要做什么的最简单方法。

我使用 PHP 生成函数调用，但我无法让它在这里显示（不显示代码片段）

Answer 1

像这样？

<script> 
  function changeanchor(urlitem) {
    document.getElementById("urlanchor").innerHTML = ""; 

    for (i in urls) {
      var url = urls[i];

      if (urlitem == url.item) {
        document.getElementById("urlanchor").innerHTML += url.urlanchor;
      }
    }
</script>

urls从未定义，因此除非存储具有这些属性urls的一堆对象，否则此代码将不会执行。url

为了创建一个url与您尝试使用的对象一样的对象，请使用 JSON 将其通过管道传输到 JavaScript 或创建一个对象：

var urls = [
  {
    'item': 100,
    'urlanchor': 'foo'
  }, {
    'item': 200,
    'urlanchor': 'bar'
  }
];

Answer 2

你问的是在圆顶对象中设置键值对数据吗，

$('body').data('foo', 52);

帮助链接：-

http://api.jquery.com/data/