如何将键值对中的数据插入HTML

时间:2012-06-12 03:41:30

标签: javascript html5 key-value

我已经返回了一个填充了一些键值对的表单。根据用户交互,我想将其中一些插入到我的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生成函数调用但我无法在此处显示它(代码段不显示)

2 个答案:

答案 0 :(得分:0)

喜欢这样吗?

<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'
  }
];

答案 1 :(得分:0)

您是否询问圆顶对象中的设置键值对数据,

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

获取帮助链接: -

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