Text containing & given to jquery ajax causing error in the postvariable?

Question

I have a Text box and am just checking the availability of the text using jqueryAjax. Am facing a Issue like when am checking for a text containing & the Post Variables in the jquery I checked for the solution which was given in the Stack overflow Thread but still in that when we take the html encoded value for & it gives & which will again have & and as a result the jquery ajax post variable gets broken. the code i tried is given below

    //from the text field
    var textfieldValue=$('#text').val();

    //Jquery Ajax
    $.ajax({
       type: "POST",
       async: false,
       url: "ajax/CheckAvailabilityphppage.php",
       data: "fieldvalue="+textfieldValue,
       dataType: "json",
       success: function(data){
         if (data['Status'] == 'YES'){
           alert('yes its Available');
          }else{
           alert('Sorry Not Available');
          }
       }
   });

In the Firebug the Post Variables are shown as (if the text is P&P)

P   
fieldvalue P

The &P is taking as an another Post Parameter and as a result the ajax is only validating the text P

Any Help or suggestions are much Appreciated.

Thanks a Lot

score 1 · Answer 1 · answered Apr 07 '14 at 12:00

1

You need to URL-encode the value properly.

Use encodeURIComponent for that.

answered Apr 07 '14 at 12:00

CBroe

91,630
14
92
150

no sorry I tried.. it won't work.. It won't encode &. – Philemon philip Kunjumon Apr 07 '14 at 13:17
When i Print the value after encoding in Firebug i am getting `%2525255Bobject%25252520HTMLInputElement%2525255D` for the text `P&P` Am I wrong somewhere..?? – Philemon philip Kunjumon Apr 07 '14 at 15:25
1

@PhilemonphilipKunjumon that suggests you're missing the `.val()` portion of the code in your question. – Kevin B Apr 07 '14 at 15:36
Can you please explain that a bit more. If the. Val() portion is missed out then when I do console.log(textfieldValue) I am getting the value in the text field... – Philemon philip Kunjumon Apr 07 '14 at 16:01

score 1 · Accepted Answer · answered Apr 07 '14 at 15:35

1

Pass an object to the data parameter and jquery will automagically encode it for you.

data: { fieldvalue: textfieldValue },

answered Apr 07 '14 at 15:35

Kevin B

94,570
16
163
180

To be fair, CBroe's method should have worked if this one did. `data: "fieldvalue="+encodeURIComponent(textfieldValue),` – Kevin B Apr 07 '14 at 15:53

Text containing & given to jquery ajax causing error in the postvariable?

2 Answers2