<Divclass= "letter"ID= "Letter-f"> <H3>F</H3> <formAction= "f.php"> <inputtype= "text"name= "term"value=""ID= "term"> <Buttontype= "Submit">Search</Button> </form></Div>
$ (function () { $ (' #letter-f form '). Submit (function ( event) { Event.preventdefault (); $.get (function (data) { $ (' #dictionary '). HTML (data); } );});
Although the above code can achieve the desired effect, it is always a bit cumbersome to search the input fields and add the values of the fields to the object by the Name property. In particular, as forms become more complex, this approach can become noticeably less extensible. Fortunately, JQuery provides a simplified way for this common operation ——. The serialize () method. This method is used for a JQuery object that transforms the matching DOM elements into a query string that can be passed with an AJAX request.
$ (function () { $ (' #letter-f form '). Submit (function ( event) { Event.preventdefault (); var formvalues = $ (this). Serialize (); $.get (function (data) { $ (' #dictionary '). HTML (data); } );});
JQuery serialization Form