javascript ajax with many parameters sent to php file

Question

In my HTML file I have the following code at the end:

<script type="text/javascript">
  function voteUp(userID,userName,channelID,messageID,voteUp,voteDown)
  {
    $.get("_vote/vote_ajax.php?userID="+userID+"&userName="+userName+"&channelID="+channelID+"&messageID="+messageID+"&voteUp="+voteUp+"&voteDown="+voteDown, function(response){
       // alert("Data: " + data + "\nStatus: " + status);
       alert(response);
    });
  } 
</script>

But I have error when I load the HTML page:

XML Parsing Error: not well-formed Location: http://localhost/ajaxChat/ Line Number 626, Column 55: $.get("_vote/vote_ajax.php?userID="+userID+"&userName="+userName+"&channelID="+channelID+"&messageID="+messageID+"&voteUp="+voteUp+"&voteDown="+voteDown, function(response){ -------------------------------------------------------------^

If I use only one parameter, the HTML page is loading properly:

<script type="text/javascript">
  function voteUp(userID,userName,channelID,messageID,voteUp,voteDown)
  {
    $.get("_vote/vote_ajax.php?userID="+userID, function(response){
       // alert("Data: " + data + "\nStatus: " + status);
       alert(response);
    });
  } 
</script>

What is running the HTML page through an XML parser? Are you actually using XHTML? — epascarello, Sep 28 '15 at 17:10

score 2 · Answer 1 · answered Sep 28 '15 at 17:14

Your page is running through an XML parser so looks like you need to add a CDATA block

<script type="text/javascript">
/* <![CDATA[ */
  function voteUp(userID,userName,channelID,messageID,voteUp,voteDown) {
    $.get("_vote/vote_ajax.php?userID="+userID+"&userName="+userName+"&channelID="+channelID+"&messageID="+messageID+"&voteUp="+voteUp+"&voteDown="+voteDown, function(response){
       // alert("Data: " + data + "\nStatus: " + status);
       alert(response);
    });
  } 
/* ]]> */
</script>

It's working! Thank You very much for quick answer. – Mario Ene Sep 28 '15 at 17:19 — Mario Ene, Sep 28 '15 at 17:19

score 0 · Answer 2 · answered Sep 28 '15 at 17:17

Ok, I've had this problem when using links with multiple parameters in Blogger templates, for example, where they go trough an XML parser.

What you have to do is replace the "&" for "&".

That's it!

 $.get("_vote/vote_ajax.php?userID="+userID+"&amp;userName="+userName+"&amp;channelID="+channelID+"&amp;messageID="+messageID+"&amp;voteUp="+voteUp+"&amp;voteDown="+voteDown, function(response){ ...

javascript ajax with many parameters sent to php file

2 Answers2