Passing string php to Jquery with spaces

Question

I am trying to pass a string into a javascript from PHP but am failing miserably. From testing I can see its the whitespace that is making my test fail. How do I encode to pass to javascript properly. I tried %20 and a few more nothing seems to work.

Full Source

<script async  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">

function DemoOne(text) {
    $('#PageView').load('test.php?text=' + text);
}
</script>

<?php
    $message="hello world"; // fails
    // $message="hellotom"; // works the spaces cause failure

    echo "  <a href=\"javascript:DemoOne('$message');\" ><input class='btn' type='button' value='Test'></a>     
    <div id='PageView'></div>";

?>

Test Output test.php

<?php
    echo $_GET['text'];
?>

Just out of interest, why are you trying to put a clickable anchor link around a button? That does not make much sense to me — RiggsFolly
– RiggsFolly, Commented Apr 6, 2016 at 1:10

Severino Lorilla Jr. · Accepted Answer · 2016-04-06 01:35:06Z

1

You can do something like this

<a href="DemoOne('<?php echo addslashes($message) ?>')">
    <input class='btn' type='button' value='Test'>
</a>

Working Code (updated your script as well):

<script async  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">

function DemoOne(text) {

    $.ajax({
        url: "test.php",
        type: "GET",
       data: {text: text}
    }).done(function(data) { // data what is sent back by the php page
         $('#PageView').html(data); // display data
    });   
}

<?php
$message="hello world"; // fails
// $message="hellotom"; // works the spaces cause failure

echo "  <a href=\"javascript:DemoOne('$message');\" ><input class='btn' type='button' value='Test'></a>     
<div id='PageView'></div>";

?>

edited Apr 6, 2016 at 1:35

answered Apr 6, 2016 at 1:15

Severino Lorilla Jr.

1,6474 gold badges20 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Passing string php to Jquery with spaces

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related