Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 访问动态创建的锚标记_Javascript_Jquery_Html_Xmlhttprequest - Fatal编程技术网

Javascript 访问动态创建的锚标记

Javascript 访问动态创建的锚标记,javascript,jquery,html,xmlhttprequest,Javascript,Jquery,Html,Xmlhttprequest,我使用xmlhttprequest获取“cars”数组,并为数组中的每个值动态创建锚定标记 现在我无法访问新创建的锚标记的innerhtml //script for getting array and creating anchor tags dynamically var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 &&

我使用xmlhttprequest获取“cars”数组,并为数组中的每个值动态创建锚定标记

现在我无法访问新创建的锚标记的innerhtml

//script for getting array and creating anchor tags dynamically

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {      
var cars = JSON.parse(xmlhttp.responseText);
for (i = 0; i < cars.length; i++)
{
var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a');
aTag.setAttribute('href','#');
aTag.setAttribute('class','cl');
aTag.innerHTML = cars[i] + "<br>";
mydiv.appendChild(aTag);
}

}
};

xmlhttp.open("POST", "http://localhost:3000/welcomepage", true);
xmlhttp.setRequestHeader("Content-type", "application/json");
xmlhttp.send();


//script for accessing innerhtml of the above created anchor tags.

$('.cl').click(function(e) {
e.preventDefault();
var t = $(this).text();
alert(t);
}
//用于动态获取数组和创建定位标记的脚本
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=函数(){
如果(this.readyState==4&&this.status==200){
var cars=JSON.parse(xmlhttp.responseText);
对于(i=0;i”;
mydiv.appendChild(aTag);
}
}
};
open(“POST”http://localhost:3000/welcomepage“,对);
setRequestHeader(“内容类型”、“应用程序/json”);
xmlhttp.send();
//用于访问上述创建的锚标记的innerhtml的脚本。
$('.cl')。单击(函数(e){
e、 预防默认值();
var t=$(this.text();
警报(t);
}
  • 使用$.post而不是XMLHttp
  • 使用授权
  • 注意我如何使用$。每个
  • //用于动态获取数组和创建定位标记的脚本
    //未测试,但根据返回值应正常
    $.post(”http://localhost:3000/welcomepage“、功能(汽车){
    变量$mydiv=$(“#mydiv”),
    carHTML=[];
    $.each(cars,function(car){//或function(_u,car)-问题不清楚
    carHTML.push($(''){
    “href”:“#”,
    “类”:“cl”
    }).html(car));
    });
    $mydiv.append(carHTML.join('
    '); }); //用于访问上述创建的锚标记的innerText的脚本。 $(“#myDiv”)。在(“单击”,“.cl”,函数(e)上{ e、 预防默认值(); var t=$(this.text(); 警报(t); });
    我必须包括$(“#myDiv”)。也使用xmlhttp。非常感谢。。。