dongnachuang6635
dongnachuang6635
2015-06-05 07:40

如何获得PHP回应的div内容

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);
    }

?>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

7条回答

  • dsf1222 dsf1222 6年前

    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();
        }
      }
    });
    
    点赞 评论 复制链接分享
  • douxi3432 douxi3432 6年前

    Run your function

    getDivResult();
    

    after

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

    in ajax

    点赞 评论 复制链接分享
  • duanjie5570 duanjie5570 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

    点赞 评论 复制链接分享
  • douka19950505 douka19950505 6年前

    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.

    点赞 评论 复制链接分享
  • dougou6114 dougou6114 6年前

    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

    点赞 评论 复制链接分享
  • dtj88302 dtj88302 6年前

    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.
    
    点赞 评论 复制链接分享
  • douzen1880 douzen1880 6年前

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

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

    i think it will be work with you.

    点赞 评论 复制链接分享