如何获取PHP回显的div内容

Question

I need to get a value inside a div content. After a button click and doing stuff on the server side, my PHP function does:

echo "0";

or

echo "1";

depending on what my function does. So let's say if it's 0 , the AJAX response will be $("div#divResult").html(data); where I put the 0 in the div divResult .

What I am trying to do now is I want to execute a js function to read whether it's 0 or 1 in divResult .

This is how I execute it:

<div id="divResult"><script>getDivResult();</script></div>

And my js function:

function getDivResult()
{
    var result = $("div#divResult").text();

    if(result === "0")
    {
        alert("Badge Number already exists, please check again.");
    }
    else if(result === "1")
    {
        alert("Your details have been entered!")
        ADD_USER_POPUP.close;
    }
}

Somehow the getDivResult function is not executing. The 0 and 1 does display on in the div though. Any help on this? I've tried .html too by the way.

EDIT:

Here's the AJAX that I use for the button click and return the response from PHP which is either 1 or 0:

$.post(page, {
    name : name,
    badge_number : badge_number,
    category : category,
    priviledge : priviledge,
    action : "insert"
    }, function(data) {
    $("div#divResult").html(data);
    });

2nd EDIT:

    function insertRow($name, $badge_number, $priviledge, $category)
    {
    $table_info = "TBL_USER_LOGIN";
    $query_string = "select badge_number from $table_info where badge_number = $badge_number";
    $result = @mysql_query($query_string) or die (mysql_error());
    $checkBadge = mysql_num_rows($result);
    if($checkBadge>0)
    {
        //echo "Badge Number $badge_number already exists. Please check again.";
        echo "0";
    }
    else
    {
        $query_string = "insert into $table_info(name, badge_number, priviledge, category) values('$name', '$badge_number', '$priviledge', '$category')";
        $result = @mysql_query($query_string) or die (mysql_error());
        //echo "Your details have been entered! Please click on 'View Users' to display all users.";
        echo "1";
    }

?>

    <?php

    $action = rtrim($_REQUEST['action']);

    if($action=="delete")
    {
        $id  = rtrim($_REQUEST['id']);
        $order = $_REQUEST['order'];

        echo deleteRow($id);
        echo selectAll($order);
    }
    elseif($action=="insert")
    {
        $name = $_REQUEST['name'];
        $badge_number = $_REQUEST['badge_number'];
        $priviledge = $_REQUEST['priviledge'];
        $category = $_REQUEST['category'];

        echo insertRow($name, $badge_number, $priviledge, $category);
    }
    elseif($action=="update")
    {
        $order = $_REQUEST['order'];

        echo selectAll($order);
    }

?>

Answer 1

place getDivResult() to onclick in which button you click like

< button onclick="getDivResult()">Click me< /button>"

i think it will be work with you.

Answer 2

When you do .html(data) all the existing elements wipedoff and replaced by new content:

$("div#divResult").html(data);

I guess you should do this:

$("div#divResult").html(data);
getDivResult(); // call after it. and put the function globally.

Answer 3

enclose the echo with a div then trying getting the value by the id.

or

try echoing via json enconde json_encode then fetch the value by using AJAX

Answer 4

You shouldn't need to append the return data to the page at all. Why don't you run your function immediately after the AJAX request completes, like so:

$.ajax({
  success: function(data) {
    if(data === "0") {
      alert("Badge Number already exists, please check again.");
    }
    else if(data === "1") {
      alert("Your details have been entered!")
      ADD_USER_POPUP.close();
    }
  }
});

Answer 5

i think, this script <script>getDivResult();</script> was replaced the content of #divResult by ajax code $("div#divResult").html(data); . Instead of that, place the script inside head section rather than inside #divResult to execute that.

Answer 6

Where is your ajax? How do you do it?

It looks like you're using jQuery. Try reading the documentation https://api.jquery.com/jquery.get/

You can try something like this:

$.get( "ajax/test.html", function( data ) {
  if(data === "0")
  {
      alert("Badge Number already exists, please check again.");
  }
  else if(data  === "1")
  {
      alert("Your details have been entered!")
      ADD_USER_POPUP.close;
  }
});

data should be your 0 or 1

Answer 7

Run your function

getDivResult();

after

$("div#divResult").html(data);

in ajax