如何通過jquery動態創建JavaScript div ID並存儲在php中？

Question

var count=0;
    function createOne() {
        var divTag = document.createElement("div");

動態創建的div

        var br= document.createElement("br");
        count++;
        divTag.id = "div1"+count;

ID增量+1

        divTag.setAttribute("align", "center");

        divTag.style.margin = "0px auto";
        divTag.style.width="430px";
        divTag.style.height="35px";
        divTag.style.background="olive";
        divTag.className = "dynamicDiv";

        divTag.innerHTML = "This HTML Div tag created "
                            + "using Javascript DOM dynamically.";

        document.body.appendChild(divTag);
           document.body.appendChild(br);
    }

>需要使用Jquery保存在php中。

<body>
    <h1 align="center">
    Click it
    <input type="button" id="dev" onClick="createOne()" value="GET">
    </h1>
</body>

Answer 1

**使用jQuery **

 // Within your createone() function 

 // Location of your PHP file
 var url = 'savemyvar.php';

 $.post(url, { div : divTag.id }).success(function(data, status, xhr)
 {
     // Do something on success
 }).error(function(data)
 {
     // Do something on error
 });

$ .info的信息為$ .ajax發布一個輔助函數

$ .ajax文檔這會將您的divTag對象發送到您可以使用的PHP腳本

$_REQUEST['div']

訪問。

Answer 2

在您的createOne()函數中，您可以通過剛創建的元素的ID將AJAX發布回PHP腳本。

您可以在此處找到有關JQuery的AJAX的更多信息

您尚未指定要使用的信息內容或時間，因此應該有所幫助。

Answer 3

我建議您通過Ajax發布數據

createOne = function() {
     var $div = $('#div1'+count);
     $.ajax({
        type: "POST",
        url: "some.php",
        data: { id: "div1"+count, html: $div.html() }
     }).done(function( msg ) {
        alert( "Data Saved: " + msg );
     });

}

Answer 4

在ajax調用中，數據將如下所示：

var mydata = new Array ();
$("div[id^='div']").each (function (){
       mydata.push ({$(this).attr ("id") : $(this).text ()});
});

我使用div的文本作為值，但是您可以根據需要進行更改...

Answer 5

如果您使用的是jQuery，請使用它。 將您的函數轉換為jQuery並使用jQuery的ajax函數。

的JavaScript

jQuery(function($){

    $('#dev').click(function(){ createOne(); });

    window.count = 0;
    function createOne() {

        var new_id = 'div1' + (++count);

        $('body').append('<div class="dynamicDiv" id="' + new_id + '" style="margin: 0px auto; width: 430px; height: 35px; background-color: olive;">This HTML Div tag created using Javascript DOM dynamically.</div><br/>');    

        $.get('/div-id-saver.php', { 'id': new_id }, function(response){  
            console.log('post response:' + response);
        });

    }

});

的HTML

<body>
    <h1>
    Click it
    <input type="button" id="dev" value="GET">
    </h1>
</body>

更多信息： http : //api.jquery.com/category/ajax/shorthand-methods/

如何通過jquery動態創建JavaScript div ID並存儲在php中？

問題描述

5 個解決方案

解決方案1
1 2013-04-03 11:28:06

解決方案2
1 2013-04-03 11:28:31

解決方案3
1 2013-04-03 11:33:10

解決方案4
1 2013-04-03 11:36:14

解決方案5
1 已采納 2013-04-03 13:06:01

如何通過jquery動態創建JavaScript div ID並存儲在php中？

問題描述

5 個解決方案

解決方案1 1 2013-04-03 11:28:06

解決方案2 1 2013-04-03 11:28:31

解決方案3 1 2013-04-03 11:33:10

解決方案4 1 2013-04-03 11:36:14

解決方案5 1 已采納 2013-04-03 13:06:01

解決方案1
1 2013-04-03 11:28:06

解決方案2
1 2013-04-03 11:28:31

解決方案3
1 2013-04-03 11:33:10

解決方案4
1 2013-04-03 11:36:14

解決方案5
1 已采納 2013-04-03 13:06:01