从 DIV 获取数据答案

【问题标题】：Get data from DIV从 DIV 获取数据
【发布时间】：2023-04-11 07:31:01
【问题描述】：

我正在尝试从多个 div 中获取数据并使用 ajax 将所有数据发布到 PHP 函数

<div id="1" class="structure_box span12 strow_0 ">
    <div class="structuretmp_name span6">
        <span>name</span>
    </div>
    <div id="structuretmp_list" class="structuretmp_list span6">
        <select id="jform_structuretmp" class="chzn-done" name="jform[structuretmp]" style="display: none;">
            <div id="jform_structuretmp_chzn" class="chzn-container chzn-container-single" style="width: 220px;"
                 title="">
                <a class="chzn-single" tabindex="-1">
                    <span>Age</span>
                    <div>
                        <div class="chzn-drop">
                        </div>
                        ...
                        //several item like this

我需要这样的东西将 php 文件作为 json 或对象传递姓名：姓名，年龄：生日，，，例如，名称是一个跨度，名称是从所选插件中选择的字段

编辑：

脚本

  $(document).ready(function(){
            $("#submit").click(function(){

                    // AJAX Code To Submit Form.
                        $.ajax({
                        type: "POST",
                        url: "ajaxsubmit.php",
                        data: {
                            id: id,
                            org_name: org_name,
                            ...
                        },
                        cache: false,
                        success: function(result){
                        alert(result);

                     });

                return false;
            });
        });

【问题讨论】：

这获得了投票？你试过什么？
请添加更多详细信息和一些现有代码并指定您的问题：您要发送哪些数据？你需要组织/转换它吗？你的 PHP 看起来怎么样？
所以最后你想从你的 html 代码发布一个包含 id 等的 json 对象到一个 php 站点，你想发送所有对象还是只发送特定对象？你想发布什么信息？所有属性和 innerText 或只是一些属性？没有内部文本内部文本？什么是 org_name？

标签： php jquery html ajax post

【解决方案1】：

使用 data-id 属性将您的 id 放在基本 DIV 中

data-id="YOUR ID"

以及用于读取每个内部 div 和 span 的基本 div 的特定名称

 name="base"

最后你可以轻松读取所有数据：

   var base=jQuery('[name="base"]');
for (var i=0;i<base.length;j++)
        {

            obj = {id: jQuery(base[i]).attr('data-id')};

        }

你也可以使用 JSON 传递数据

data = JSON.stringify(data);

        jQuery.ajax({
            url: 'WHERE EVER YOU WANT',
            type: 'POST',
            data: {
                data
            },
            beforeSend: function (xhr) {

                return true;
            },
            success: function (result, status, xhr) {
                if (result == 'error')
                    return false;

                return true;
            },

        });

【讨论】：

【解决方案2】：

如果您只想要文本，请使用.text();

var divContent = $('div').text();

并用您的 div ID 或类替换“div”

所以在你的情况下，它会是：

var age = $('.chzn-single span').text();

我建议给你的 spans/items 一个类，这样你就可以直接调用它们。

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_get

【讨论】：

我不认为这是他想要的
那么他需要更清楚......很确定他希望能够从 div 中发布数据。 EG 的 div 具有年龄类： data: { age : $('.age').text(); .........
我认为他想从未知 div 中获取数据和一些属性......但我希望他尽快更新他的问题，它有点宽泛
@jake 和 Johannes Geidel 谢谢你的帮助，但我只需要使用 ajax 发布动态数据
动态，你的意思是元素会改变吗？或者他们将被输入并提交？从外观上看，您有一个提交按钮，它可以触发您的 ajax。在该 ajax 中，您可以获得元素的 .text，或者如果它是输入，您也可以使用 .val() w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_set