jQuery--ajax takes the background json and passes it to the page.

<script type="text/javascript">
    <!---->
   $(function () {
       $.ajax({
           url: './js/data.json',
           type: 'get',
           dataType: 'json',
           timeout: 1000,
           beforeSend: LoadFunction, / / load execution method    
                       Error: erryFunction, //error execution method    
                       Success: succFunction // successful execution method    
       });
               Function LoadFunction() {$("#list").html('Loading...');}
       function erryFunction() {alert("error");}
       function succFunction(data) {
           $("#list").html('');
                       //eval converts a string into an array of objects  
                       Var json2 = eval(data); //array
           console.log(json2["code"]);
           let msg1 = json2["msg"];
           json2 = json2["data"];
           $.each(json2, function (index, item) {
                               / / Loop to get data    
               var imgUrl = json2[index].imgUrl;
               var price = json2[index].price;
               var name = json2[index].name;
               // $("#js_list").html($("#js_list").html() + "<br>" + imgUrl + " - " + price + " - " + name + "<br/>");
               $("#js_list").html($("#js_list").html() +
                   '            <div class="col-lg-3 col-md-4  col-xs-4 col-sm-4 col-xs-6  modify-padding product-info">\n' +
                   '                <div class="thumbnail modify-border>\n' +
                   '                    <a href="#">\n' +
                                       ' <img src="'+imgUrl+'" alt="Product Image">\n' +
                   '                        <div class="caption">\n' +
                   '                            <h4>'+price+'</h4>\n' +
                   '                            <em>'+name+'</em>\n' +
                   '                        </div>\n' +
                   '                    </a>\n' +
                   '                    <div class="clearfix">\n' +
                                       ' <a href="#" class="btn btn-danger pull-right">Add to cart</a>\n' +
                   '                    </div>\n' +
                   '                </div>\n' +
                   '            </div>\n')
           });
       }
   }); 
</script>

Intelligent Recommendation

The front desk jquery+ajax+json passes the value, and the json string is returned after the background processing. How to get the attribute value inside? (Without springmvc annotation)

The front desk jquery+ajax+json passes the value, and the json string is returned after the background processing. How to get the attribute value inside? (Without springmvc annotation) 1. Take attribu...

jQuery ajax pass json array to the background

jQuery ajax pass json array to the background The front end code is as follows: Background code: Here is the params, which is data:{params:JSON.stringify(arr)}. The key of the aqx passed in the parame...

Ajax json jquery parse the array returned by the background

By the AJAX data to the background, the front end passes JSON data to the background, the FormData form data is sent to the background.

First, the front end passed JSON data to the background JS code: Background Control class Java code: Second, pass the FormData form data to the background JS code: Background Control class Java code:...

jQuery AJAX implementation call page background method

1. Create a new demo.aspx page. 2. First add a reference to the background file demos.aspx.cs on this page. 3. Method call without parameters. Everyone noticed that this version can't be lower than th...