ajax 和 json 功能？ [关闭]

Question

你好，我需要你的一点帮助，详细解释下面的代码，我无法理解，因为我对这个 Jquery 有点陌生......

希望我能得到你方的适当回应，并从头开始解释嵌入在这个 jquery 中的包装类级别的功能 函数 BindProfileDetails() {

$.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "NewMyprofile.aspx/Populate_details",
                dataType: "json",
                success: function (data) {
                    if (data.d) {
                        $(data.d).each(function (index, item) {

                            if (index == 0) {

                                $("#txtfname").val(item.fname);
                                $('#txtLname ').val(item.lname);
                                $('#Txtsurname').val(item.surname);
                                $('#txtmob').val(item.mob);
                                $('#Txtphone').val(item.phone);
                                $('#Txtextension').val(item.ext);
                                $('#ddlyop').val(item.yop);
                                $('#txtEmailId').val(item.email);
                                $('#txtaddress ').val(item.address);
                                $('#txtadd1').val(item.addrclg);
                                $('#txtqual').val(item.quali);
                                $('#Txtuniv').val(item.univ);

                                if (item.sex == "True") {
                                    $("#rdbmale").attr("checked", false);
                                    $("#rdfemale").attr("checked", true);
                                }
                                else {
                                    $("#rdbmale").attr("checked", true);
                                    $("#rdfemale").attr("checked", false);
                                }

                                if (item.maritialst == "True") {
                                    $("#rdmarry").attr("checked", false);
                                    $("#Rdsingle").attr("checked", true);
                                }
                                else {
                                    $("#rdmarry").attr("checked", true);
                                    $("#Rdsingle").attr("checked", false);
                                }

                            }
                        });
                    }

                }

            });

        }

Answer 1

让我试着解释一下——

1. 'ajax' 代表异步。 Javascript 和 XML。您可以使用 ajax 发出 XML HTTP 请求。

2. type - 描述您的请求类型 (POST/GET/PUT/DELETE) - 您需要在此部分中指定您的请求类型。了解更多请求类型here。

3. url - 定义您要向其发出请求的 url。

4. dataType 和 contentType - 通信的首选数据类型和内容类型。

5. 成功 - 如果通信成功，程序控制将进入它。您可以将响应作为函数参数（对于您的情况，这是“数据”）。

6. data.d - 响应包含一个键“d”。因此，您将在“data.d”中获得实际响应，而不是在数据中。这是可定制的。了解更多here。

7. $(data.d).each(function (index, item) - 对 data.d 对象执行一个简单的“foreach”循环。因此，它将针对 data.d 中存在的每个项目执行对象。参数 - 'item' 保存实际项（当前项），'index' 保存循环索引。根据您的代码，这是使用数据项为某些字段设置值。

希望对你有所帮助。