JQuery refresh ein div auf " Absenden

Wollte ich aktualisieren, ein div, wenn ein Nutzer ein einfaches Formular. Aber ich kann nicht scheinen, um herauszufinden, warum es nicht funktioniert. (Es ist mein erstes mal mit JQuery und Ajax)

Mein Skript:

 <script src="static/jquery.js"></script> 
        <script>
                $('#submit_div').click(function(){
                    var data: $("#name").val();
                    var datastr: 'name='+data;
                    $.ajax{
                        type: "POST",
                        url: $(this),
                        data: datastr,
                        success: function(data){
                            $("#content").replaceWith($('#content'),$(data));
                            }
                    }
                });

        </script>

Mein HTML:

<div id="content">
          <div id="form_div">
            <form method="POST">
                <div id="form"> 
                    <div id="name_div"> name <input type="text" id="name" name="name"/></div>
                    <div id="submit_div">  <button type="submit" id="submit" name="submit">submit</button></div>
                </div>
            </form>
 <div style="clear:both;"></div></div>

  • Ich glaube, Sie sind mit '=' statt ':', die in Ihrer tatsächlichen code. wie var data = $('#name').val();
InformationsquelleAutor Lucas Kauffman | 2012-04-26
  1. 4

    Fehler

    var data: $("#name").val();
var datastr: 'name='+data;
$.ajax{...}
$("#content").replaceWith($('#content'),$(data));

    Festen

    $('#submit_div').click(function(e){
    e.preventDefault();                
    var data = $("#name").val();
    var datastr='name='+data;
    $.ajax({
        type: "POST",
        url: $(this),
        data: datastr,
        success: function(data){
            $("#content").replaceWith(data);
        }
    });
});
    InformationsquelleAutor The Alpha
  2. 2

    Es ist ein syntax-Fehler in Ihrem code. Sie sollten schreiben:

    var data = $("#name").val();
var datastr = 'name='+data;
    InformationsquelleAutor Francis
  3. 1

    Haben Sie versucht, die jQuery Load () - Methode?

    http://api.jquery.com/load/

    • Ich möchte wirklich nicht, dass die Verwendung einer anderen Funktion, ich möchte wissen, warum dies nicht funktioniert :). Aber danke für die Antwort.
    • Oh, ok. Es sieht aus wie Ihr mit den replaceWith-Funktion falsch. api.jquery.com/replaceWith Nach der jQuery-Website, die Sie stellen nur die replaceWith-Funktion mit einem argument, das die neuen Inhalte. Versuchen Sie, die $('#content') aus dem inneren der replaceWith. Hoffe, das hilft.
    InformationsquelleAutor Paulund
  4. 0

    Ich denke, dass der zurückgegebene Wert ist das, was u wollen replacewith ( Wenn ich m rechts).. Dann verwenden wie diese..

    $("#content").replaceWith(data);
    InformationsquelleAutor Edwin Alex
  5. 0
    $("#form_div form").submit(function(e){
  e.preventDefault();
  var data = $("#name").val();
  $.post('/some/url/file.php',{name: data},function(data){
    $("#content").html(data);
  });
});

    Sollten Sie die Griff-form-submit-Ereignis und verhindern, dass Standard-Aktion für Sie.

    InformationsquelleAutor Vladimir Petrosyan
Schreibe einen Kommentar