HTML5前端input框直接获取JSON格式数据显示方法（JS和JQUERY俩种方法）

最新推荐文章于 2023-10-27 21:09:47 发布

原创最新推荐文章于 2023-10-27 21:09:47 发布 · 5.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #传值

项目学习专栏收录该内容

10 篇文章

订阅专栏

本文介绍HTML5中如何直接在input框展示JSON格式数据，包括使用JavaScript和jQuery两种实现方式。

HTML5前端input框直接获取JSON格式数据显示方法

            $("#Edit_s_Size").val(jsondata[0].s_Size);      //jquery   传递给input id value 值
            document.getElementById("Edit_s_workOrder").value = jsondata[0].s_workOrder; //JS传值方法

$.ajax({
        type: "GET",
        url: '/AjaxGridData/SelDataAcquisitionId',
        data:idData,
        dealError: false,
        dataType: 'json',
        success: function (data) {
            if (data.IsSuccess) {
            var jsondata = data.Data;
            $("#Edit_s_OrderDetailCode").val(jsondata[0].s_OrderDetailCode);
                $("#Edit_s_DeviceCode").val(jsondata[0].s_DeviceCode);
                $("#Edit_s_FactoryArea").val(jsondata[0].s_FactoryArea);
                $("#Edit_s_MachiningLineBody").val(jsondata[0].s_MachiningLineBody);
                $("#Edit_s_Series").val(jsondata[0].s_Series);
                $("#Edit_s_Size").val(jsondata[0].s_Size);
                $("#Edit_d_DateTime").val(jsondata[0].d_DateTime);
                $("#Edit_Type").val(jsondata[0].Type);
                $("#Edit_s_Specifications").val(jsondata[0].s_Specifications);
                $("#Edit_s_workOrder").val(jsondata[0].s_workOrder);
                $("#Edit_n_uutType").val(jsondata[0].n_uutType);
                $("#Edit_s_uutName").val(jsondata[0].s_uutName);
                $("#Edit_s_uutCode").val(jsondata[0].s_uutCode);
                $("#Edit_s_serialNumber").val(jsondata[0].s_serialNumber);
                $("#Edit_s_supplier").val(jsondata[0].s_supplier);
                $("#Edit_s_dateCode").val(jsondata[0].s_dateCode);
                $("#Edit_s_lotCode").val(jsondata[0].s_lotCode);
                $("#Edit_s_mould").val(jsondata[0].s_mould);
                $("#Edit_s_cavity").val(jsondata[0].s_cavity);
                $("#Edit_s_colour").val(jsondata[0].s_colour);
                $("#Edit_s_ateName").val(jsondata[0].s_ateName);
                $("#Edit_s_computerName").val(jsondata[0].s_computerName);
                $("#Edit_s_fixuerId").val(jsondata[0].s_fixuerId);
                $("#Edit_s_programName").val(jsondata[0].s_programName);
                $("#Edit_s_programVer").val(jsondata[0].s_programVer);
                $("#Edit_s_uutOperator").val(jsondata[0].s_uutOperator);
                $("#Edit_s_uutOperationSequence").val(jsondata[0].s_uutOperationSequence);
                $("#Edit_s_uutSiteCode").val(jsondata[0].s_uutSiteCode);

                
            } else {
                alert("获取数据失败：" + data.Msgs[0]);
            }
        }
        
    });