如何从 jQuery ajax 调用中获取 html 输入值

Posted

技术标签:

【中文标题】如何从 jQuery ajax 调用中获取 html 输入值【英文标题】:How to get an html input value from an jQuery ajax call 【发布时间】:2012-05-16 14:28:03 【问题描述】:

如何从 ajax 请求回调数据中获取指定的输入值?

$('#action .add').click(function () 
                var form = getCreateUserForm();  // GET THE FORM TO CREATE USER               
                console.log(form);
                $('#user_dialog').html(form);
                $('#user_dialog').dialog(
                    modal: true,
                    width: 700,
                    height: 600,
                    resizable: false,
                    //draggable: false,
                    title: '<h3>' + ???? + '</h3>', // HERE! HOW TO GET THE INPUT VALUE
                    open: function (e, ui) 

在我看来,我有这个

 @Html.Hidden(@Localization.CreateUser, null, new  id = "title" )

数据实际上在form 变量中。

如何从form 变量中获取本地化名称?

或者有什么办法可以处理这种情况?我在正确的轨道上吗?

编辑

html:

  <div id="user_dialog" hidden></div>

尝试获取表格:

  function getCreateUserForm() 
            if (formCreateUser == null) 
                $.ajax(
                    url: '@Url.Action("Create", "User")',
                    async: false,
                    success: function (data) 
                        formCreateUser = data;
                    
                );
            
            return formCreateUser;
        

对话框尚未打开,我无法使用 $('#title') 引用它

我的解决方案

我发现@Html.Hidden生成的HTML是这样的

<input id="title" name="Create User" type="hidden" value="">

我没有使用$('#title').val(),而是将其更改为$('#title').attr('name')

现在可以了!

【问题讨论】:

【参考方案1】:
title: '<h3>' +$("#title").val()+ '</h3>'

【讨论】:

根据您提供的示例,您已经添加了 html。 $('#user_dialog').html(form); 不,那不是......检查您发送的请求的响应以获取表单的 html。我认为问题出在那儿

以上是关于如何从 jQuery ajax 调用中获取 html 输入值的主要内容,如果未能解决你的问题,请参考以下文章

如何从 jQuery.ajax 获取响应状态码?

如何从 REST API 获取响应并从 jquery ajax 调用执行操作?

jQuery.map() 解析 select2 ajax 调用的结果

如何保护 PHP/JQuery/Ajax 调用?

如何通过 jQuery AJAX 调用更新 VueJS 实例的数据?

如何在ajax调用中在jquery中使用三元运算符?