converting XMLHTTPRequest To jquery ajax

Question

I try lots of ways to convert my XMLHTTPRequest into jQuery ajax but I couldn't be successful.

I would be really appreciate if anyone could help me solve this issue.

here is my XMLHttpRequest Code:

    var url = url;
    var xhr = new XMLHttpRequest();
    xhr.open("POST", url);    
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    
    xhr.onreadystatechange = function () {
       if (xhr.readyState === 4) {
           console.log(xhr.status);
           console.log(xhr.responseText);
    }};
    
    var data = "ajax=1";  
    xhr.send(data);

and here is my attempt but its not working

$.ajax({
             url: "<?php echo $this->ui_url('onlineexamcats', 'all'); ?>",
             data: JSON.stringify("ajax=1"),
             type: "POST",
             processData: false,
             contentType: false,
             beforeSend: function(xhr){xhr.setRequestHeader('Content-Type',  "application/x-www-form-urlencoded");},
             success: function(res) { console.log(res); }
          });

What was your attempt? Should be straight forward. api.jquery.com/jquery.post — epascarello
– epascarello, Commented May 19, 2022 at 20:39
I just edit my question you can see my ajax code @epascarello — Farzane Khazaei
– Farzane Khazaei, Commented May 19, 2022 at 20:43

ruleboy21 · Accepted Answer · 2022-05-19 21:08:13Z

1

Try this

$.ajax({
    url: "<?php echo $this->ui_url('onlineexamcats', 'all'); ?>",
    data: "ajax=1",
    type: "POST",
    processData: false,
    success: function(res) { console.log(res); }
});

edited May 19, 2022 at 21:08

answered May 19, 2022 at 20:48

ruleboy21

6,5215 gold badges23 silver badges37 bronze badges

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

4 Comments

Farzane Khazaei Over a year ago

thanks but I need to post my data as raw string and contentType: "application/x-www-form-urlencoded"

ruleboy21 Over a year ago

@FarzaneKhazaei you mean you want to send the data as ajax=1 instead of {ajax: 1}?

Farzane Khazaei Over a year ago

exactly! @ruleboy21

ruleboy21 Over a year ago

@FarzaneKhazaei I've updated my answer. Kindly check it out. Note that application/x-www-form-urlencoded is the default contentType that is why I ignored. But you can still set it manually if you like.

Collectives™ on Stack Overflow

converting XMLHTTPRequest To jquery ajax

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related