Ajax call is not working is there any thing else in this code.please help

Question

1.00/5 (1 vote)

See more:

Am having form inside the label type any message and click on "submit" it should call ajax and save in db

This is the Html code

<form role="form">

<label for="message">Message:</label>
<textarea class="form-control" id="cmessage"></textarea>

<button type="submit" id="msg-btn" class="btn btn-primary pull-right">Submit</button>
</form>

this is js code

$(document).ready(function() {

/* message */

What I have tried:

$(document).on("click","#msg-btn", function() {

$.ajax({
type: "POST",
url: "https://ivr.callxl.com/callXLWeb/SendingEmail",
data: "comment="+$("#cmessage").val(),
dataType: "text",

success: function(data, textStatus, jqXHR) {
if(data.success){
alert("success fully send");
}
else {

alert("Invalid Message");
}
},
// If there was no resonse from the server
error: function(jqXHR, textStatus, errorThrown){
alert(jqXHR.responseText);
console.log("Something really bad happened " + textStatus);
$("#errorResponse").html(jqXHR.responseText);

},
});
});

Posted 3-Jun-16 1:06am

Member 12563568

Updated 3-Jun-16 1:58am

Add a Solution

Comments

ZurdoDev 3-Jun-16 7:52am

All you have to do is debug it. We can't run this code so you have to figure out where it is going wrong. Then we can help you.

Member 12563568 3-Jun-16 8:39am

i did but it stopped near ajax itself and moving to other function

ZurdoDev 3-Jun-16 8:40am

I don't know what that means. But again, we can't run your code so first figure out what it is doing.

Member 12563568 3-Jun-16 8:48am

ok thankyou.how to do step by step debug?

ZurdoDev 3-Jun-16 8:51am

Put a breakpoint in your code, run it, and then use step into or step over.

Member 12563568 3-Jun-16 8:56am

ok thankyou

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tushar sangani · Accepted Answer · 2016-06-03T01:58:00

Try this method

JavaScript

$('#msg-btn').click(function(){
     $.ajax({
           type: 'POST',       
           contentType: "application/json; charset=utf-8",
           url:"https://ivr.callxl.com/callXLWeb/SendingEmail",
           data: {comment= $("#cmessage").val()},
           dataType: "json",
           async: true,
          success: function (data) {
               alert("success fully send");
          },
          error: function () {
          console.log("there is some error");
         }

    });
});