Javascript Jquery不使用ajax?
我有一个动态div,它将根据json数据进行更改。我试图在“for循环”中使用jquery控制此div的内容,但它不起作用?Javascript Jquery不使用ajax?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个动态div,它将根据json数据进行更改。我试图在“for循环”中使用jquery控制此div的内容,但它不起作用? 有人能给我一些线索和如何更正代码的想法吗 $.ajax({ type: "POST", url: 'http://192.168.12.230/XXXX/XXX', dataType: 'json', contentType: "application/json", success: function (data) {
有人能给我一些线索和如何更正代码的想法吗
$.ajax({
type: "POST",
url: 'http://192.168.12.230/XXXX/XXX',
dataType: 'json',
contentType: "application/json",
success: function (data) {
console.log(data);
var projectList = "<ul style='list-style:none;'>"
for (var i = 0; i < data.d.length; i++) {
projectList += "<li>" +
"<div class='location'>" +
"<p>Sounth Africa</p>" +
"</div>" +
"<div class='status'>" +
"<div class='status_circle'></div>" +
"<p>in raising</p>" +
"</div>" +
"</li>"
$(".category p").append(data.data[i].categoryName);
if (data.data[i].raisingStatus == 1) {
$(".status p").html("in raising");
$(".status_circle").css("background-color", "#32C832");
} else if (data.data[i].raisingStatus == 0) {
$(".status p").html("stop raising");
$(".status_circle").css("background-color", "#CD3C14");
}
}
projectList += "</ul>";
$('#projectList').append(projectList);
},
error: function () {
alert("error");
}
});
$.ajax({
类型:“POST”,
网址:'http://192.168.12.230/XXXX/XXX',
数据类型:“json”,
contentType:“应用程序/json”,
成功:功能(数据){
控制台日志(数据);
var projectList=“
if(data.data[i].raisingStatus==1){
projectList+=“在提升中””;
var style=“背景色:#32C832”;
项目列表+=“”;
}else if(data.data[i].raisingStatus==0){
projectList+=“停止提升””;
var style=“背景色:#CD3C14”;
项目列表+=“”;
}
对于第二个问题,是的,html js和css都很混乱。您可以创建一个html变量,并将其替换为参数以清除代码
for (var i = 0; i < data.data.length; i++) {
var status = "";
var style = "";
if (data.data[i].raisingStatus == 1) {
status = "in raising";
style = "background-color:#32C832";
} else if (data.data[i].raisingStatus == 0) {
status = "stop raising";
style = "background-color:#CD3C14";
}
var projectList="<li><div class='location'><p>Sounth Africa</p></div><div class='status'>
<div class='status_circle' style='{0}'></div><p>{1}</p></div></li>".format(style, status);
}
String.prototype.format = function() {
var formatted = this;
for (var i = 0; i < arguments.length; i++) {
var regexp = new RegExp('\\{'+i+'\\}', 'gi');
formatted = formatted.replace(regexp, arguments[i]);
}
return formatted;
};
for(变量i=0;i南部非洲
{1} ”。格式(样式、状态);
}
String.prototype.format=函数(){
var格式化=这个;
for(var i=0;i
*这些条件语句必须给出另一个for循环
$(“.status p”)在同一for循环中访问创建之前,此行将为空
"<div class='status'>" +
"<div class='status_circle'></div>" +
"<p>in raising</p>" +
"</div>"
“”+
"" +
“在提升过程中”+
""
在for循环中创建div状态时,您不会尝试在同一个循环中访问。。尝试在新循环中访问$(“.status p”)。。它会起作用的 您有任何错误吗?没有错误,只是内容没有更新@GustafGunérCan您可以让我知道您从响应中得到了什么json格式吗?请确保您的jquery选择器正确,并且Dom包含目标元素。您尝试访问的
.status p
在尝试访问时尚未就绪-它只是一个字符串!但从我的代码来看,为什么jquey部分不起作用?
"<div class='status'>" +
"<div class='status_circle'></div>" +
"<p>in raising</p>" +
"</div>"