Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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 Jquery不使用ajax?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Jquery不使用ajax?

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) {

我有一个动态div,它将根据json数据进行更改。我试图在“for循环”中使用jquery控制此div的内容,但它不起作用?
有人能给我一些线索和如何更正代码的想法吗

$.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>"