Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Unwanted new line returned after AJAX request

I'm using an ajax request to send comments to DB. Succesful response is marked by

1. OK

The problem actually is that the response from the php script is

1. 
2. OK

So I debugged the script and noted that the newline character si being added when the script executes the following line:

require_once($ABS_APPS."/quotes/classQuote.php");

After some searches i read that it could be a BOM (Byte Order Mark) problem. So I just downloaded and opened the classQuote.php file with an hex editor and noticed that there's no BOM... can someone help me?

P.S. All files in my project are encoted in UTF-8, and I'm currently usint NetBeans which doesn't add BOM to files.

This is the incriminated script:

// Send new comment to DB
case "send":
    $notification = new Notification();
    if($comment->insert($_POST["username"], $_POST["comment"], $_POST["app"], $_POST["entryId"])){
        switch ($_POST["app"]) {
            case "quotes":
                require_once($ABS_APPS."/quotes/classQuote.php");
                $quote = new Quote();
                $quoteData = $quote->get($_POST["entryId"]);
                // If user comments his own entry we don't have to send the notification
                if($quoteData["UserAuthor"] != $_SESSION["User"]){
                    $notification->newComment($_POST["username"], $quoteData["UserAuthor"], $_POST["entryId"], $_POST["app"]);
                }
                break;
            default:
                break;
        }
        echo "OK";
    } else {
        echo "ERROR";
    }
    break;
like image 864
siannone Avatar asked Jul 21 '12 15:07

siannone


People also ask

What does ajax request return?

The $.ajax() function returns the XMLHttpRequest object that it creates. Normally jQuery handles the creation of this object internally, but a custom function for manufacturing one can be specified using the xhr option.

What is processData false in ajax?

processData. If set to false it stops jQuery processing any of the data. In other words if processData is false jQuery simply sends whatever you specify as data in an Ajax request without any attempt to modify it by encoding as a query string.

Does ajax return a promise?

ajax returns, which is a jqXHR object that conforms to the promise interface. If there is a failure, the outer fail function is invoked. The outer fail function is also invoked if the processData function fails. When both the getData and processData functions are successful, the outer done method is invoked.

Does ajax wait for response?

ajax() function with the default settings, any JavaScript code after this AJAX request will be executed without waiting for a response. In most cases, this is the desired behavior, but there are some situations where you will want to prevent further execution until there has been a response to the AJAX call.


3 Answers

  1. Make sure there is nothing, preceeding the opening <?php in your classQuote.php
  2. Make sure there are no trailing characters / lines after the closing ?>
  3. Check to see if a ?> tag exists somewhere in the lines of code (follow flow from your __construct and where you invoke stuff)

Infact, it could prove helpful to leave out the closing tag. Another possibility is this:

  // capture output
            ob_start(); 
            require_once($ABS_APPS."/quotes/classQuote.php");
            $quote = new Quote();
            $quoteData = $quote->get($_POST["entryId"]);
            // If user comments his own entry we don't have to send the notification
            if($quoteData["UserAuthor"] != $_SESSION["User"]){
                $notification->newComment($_POST["username"], $quoteData["UserAuthor"], $_POST["entryId"], $_POST["app"]);
  // trim whitespace
            echo trim(ob_get_clean()); 
            }
like image 184
mschr Avatar answered Oct 22 '22 03:10

mschr


If you're using jQuery

you can use jQuery.trim(responseData) in your AJAX success callback, to get rid of the white spaces

see also here http://api.jquery.com/jQuery.trim/

hope it helps

like image 2
williamC Avatar answered Oct 22 '22 04:10

williamC


I also faced the same problem. The final solution I figured out is following

  1. Check all the files which are loaded into the file to which you are sending AJAX request

  2. Remove the extra white spaces from the very first <? line and PHP starting tag If your file starts from line number 1, the first ever character should be this <?.

  3. If they are PHP files, then don't add ?> at the end.

  4. Try to keep the last line marker only up to the last line of code written. means that do not add extra spaces at the end of the file. If code finishes at line 32, do not go to line number 33 via editor. In fact, press the back button and clear everything below up to line number 32.

  5. If you are using any PHP framework, then make sure that the hierarchy of all files loaded should not have the same problem. e.g. if you are using codeigniter framework them make sure that the calling function's controller and all the models loaded into that controller should not have the same problem.

like image 2
Jalees Mukarram Avatar answered Oct 22 '22 04:10

Jalees Mukarram