ansaurus

Question

Answer 1

A:

You may want to try putting the e.preventDefault() statement before the $.ajax call.

EDIT:

My x.html, corresponds to your HTML page


<!DOCTYPE html>
<html>
<head>
<title>x</title>
<script 
  type="text/javascript" 
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;
</script>
<script type="text/javascript" src="/so/x.js"></script>
</head>
<body>
<form id="smsform" class="appnitro" action="/so/x.php">
<input type="text" name="zz">
<input type="submit">
</form>
<div id="mess" style="background:green;"></div>
</body>
</html>

My x.js, corresponds to your coupon.js


jQuery(document).ready(function(){
  jQuery(".appnitro").submit( function(e) {
    e.preventDefault();
    $.ajax({
      url     : "/so/x.php",
      type    : "post",
      dataType: "json",
      data    : $(this).serialize(),
      success : function( data ) {
        for(var id in data) {
          jQuery('#' + id).html( data[id] );
        }
      }

    });
    //return false or
    //e.preventDefault();
  });
});

My x.php, corresponds to your sms.php


<?php
$res = "Message successfully delivered.";
$arr = array('mess'=>$res);
echo json_encode($arr);
unset($_POST);
?>

This actually works in my environment, although I do not have the rest of the HTML markup or the additional PHP form processing code. The "Message successfully delivered." shows up in green directly below the input field.

jtp 2010-09-23 06:59:08

@jt : no.does not help

ayush 2010-09-23 07:26:57

Yep. Not root cause :) In my case it allowed the AJAX call to complete without the whole page having to refresh. Where is your jquery.min.js file being hosted?

jtp 2010-09-23 14:12:14

Answer 2

A:

When inside the Ajax call this refers to the Ajax object you need to do this

var __this = this;

Before going into the Ajax call, then it would be

data    : __this.serialize()

Or look up the use of context within an Ajax call in Google. Or serialise your data into a variable before going into the Ajax call.

Liam Bailey 2010-09-25 08:50:01

ansaurus

tags:

views:

answers:

jquery ajax request firebug error

related questions