Fix plus sign (+) is replaced with space using ajax

on

Fix plus sign (+) is replaced with space using ajax

Code Snippet
  1. DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Fix plus sign (+) is replaced with space using ajaxtitle>
  5. <meta name="author" content="http://123code.blogspot.com" />
  7. <script src="js/jquery-1.2.6.pack.js" type="text/javascript">script>
  8. <script type="text/javascript">
  9. function update() {
  10. var comment = $('#txtComment').val();
  11. $.ajax({
  12. type: 'POST',
  13. data: 'comment=' + encodeURIComponent(comment),
  14. success: function(data) {
  15. $('#result').html(data);
  16. }
  17. });
  18. return false;
  19. }
  20. script>
  21. head>
  22. <body>
  23. <form id="form1">
  24. <div>
  25. <h1>Fix plus sign (+) is replaced with space using ajaxh1>
  26. <input id="txtComment" type="text" />
  27. <input id="btnUpdate" type="button" value="button" onclick="return update();" />
  28. div>
  29. <div>Result:div>
  30. <div id="result">div>
  31. form>
  32. body>
  33. html>

In line 13, i use encodeURIComponent to solve the problem. To see the problem, just replace encodeURIComponent with escape function.

Ps: Don't trust user input. The data should be encoded before sending to server side. I don't know why the browsers replace plus sign (+) with space using escape function, please let me known.

Happy coding!

Comments

Post a Comment