Strange behavior using $ ('. Ajax_form'). ajaxForm ();

Question

I first applied jquery ajaxForm to a class like the following

<form class="ajax_form"...><input type="text" name="q" /><input type="submit" /></form>
<form class="ajax_form"...><input type="text" name="q" /><input type="submit" /></form>

<script>
$('.ajax_form').ajaxForm({
  dataType: 'json',
  error: ajaxErrorHandler,
  success: function(response) { // do some ui update .. }
});
</script>

Now, after the Ajax call ends, I always fall into the error area , although firebug did not report any errors, I'm not sure what I did wrong.

Answer 1

, , , . "multipart/form-data" Firefox, jquery.form iframe . Content-Type /, iframe <pre> , jquery json parser , Firebug json .

, ( : http://www.extjs.com/forum/archive/index.php/t-17248.html).

, , Content-Type "text/html" ( , ).

Answer 2

@c.sokun: , . ( ... ?)

FireBug ? !

Answer 3

json. , . .

, . :

url = url + "?" + $(".ajaxForm").serialize();
$(".ajaxForm").ajax({url: url, dataType: "json", type : "post",
                    success: function(response) {},
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        console.log(textStatus);
                        console.log(errorThrown);
                    }});

- " ".

Answer 4

, URL- -?

jquery.com:

$("#myform").ajaxForm({
   url: "mypage.php",
   type: "POST"
 });

Answer 5

ajaxErrorHandler ? , . jQuery jQuery ?

, . "test.json", "{test:" hello world "}" , :

<script type="text/javascript" src="http://malsup.com/jquery/jquery-1.2.6.js"></script>
<script type="text/javascript" src="http://malsup.com/jquery/form/jquery.form.js?2.28"></script>

<form class="ajax_form" action="test.json" method="post"><input type="text" name="q" /><input type="submit" /></form>
<br/>
<form class="ajax_form" action="test.json" method="post"><input type="text" name="q" /><input type="submit" /></form>

<script>
$('.ajax_form').ajaxForm({
  dataType: 'json',
  error: function() {alert("error");},
  success: function(response) {alert(response.test);}
});
</script>

Answer 6

, API , "", , , . .