Search jQuery

jQuery Forum

Form Response into Div

in jQuery Mobile • 11 years ago

Hello people!,

I have some problems while trying to get the response from a Form into a Div, the problem is that I don't want to change the whole page's html, just want to refresh a div dynamically, but with the result corresponding to the form.

Too messy?

Well in more simple words, what i need is to take the result from the form submission and put it into a div.

That's instead of submiting the form and go to "action" page that has the result.

Thanks!

Replies(5)

cullari.c..

Re: Form Response into Div

11 years ago

Assuming that you are using jQuery to perform the submit, you can just set the html of the containing div to be the results......ie, $("#DivId").html(FORMATTED RESULTS GO HERE);

crazyzurf..

Re: Form Response into Div

11 years ago

Hmm. Right now i'm doing it just normally, like this:

</form>

But, how can I do to get the result of the form (the result of submiting the form, and getting search.php with the variable "blabla". and put it into a Div.

Thanks!

cullari.c..

Re: Form Response into Div

11 years ago

You would need to do an Ajax Post to search.php as shown here: http://api.jquery.com/jQuery.ajax/.

crazyzurf..

Re: Form Response into Div

11 years ago

This sh*t is such a pain in the a*s, I'm f*cking tired of trying to do this. In normal Jquery this is just easy, JQuery Mobile is Shit. It seems to have everything but everything goes wrong.

I tried to do the thing that you said by this way:

<script>
$(document).ready(function(){
$("#homeSearch").submit(function(hola) {
hola.preventDefault();
$("#results").load("search.php", {buscar: $("#buscar").val()});
alert('Form was submitted');
return false;
});
});
</script>
<form id="homeSearch">
<label for="buscar">Introduzca su búsqueda:</label>
<input type="search" name="buscar" id="buscar" value="" placeholder="Buscar Música" />
</form>
<div id="results">
</div>

The .preventDefault should stop submitting the form, but it didn't work, so I tried adding Return false; didn't work neither. it shows me the alert but then the page submits the form and goes to index.php?buscar=the%20thing%20that%20you%20are%20Looking%20For

Don't know what the F*ck is wrong, this works fine in another page without Jquery Mobile, but here it really SuckS!

Please HELP!

watusiware

Re: Re: Form Response into Div

11 years ago

For one, add data-ajax="false" to your form. This sounds counter-intuitive, but it tells JQM NOT to use AJAX to load the result of the submit. That it, it disables the mechanism whereby JQM loads the result into a DIV in the document.

You do also need to return false from your submit function (as you are already doing). This will prevent the result from being loaded as a page. (If you only set data-ajax="false", it would load the result in normal page, rather than inserting it into a div.)

You might also want to read the documentation. Yes, I know it's poor, but getting better. It's apparent you HAVEN'T read or paid attention to the documentation, by your use of $(document).ready and IDs.

See here:

http://jquerymobile.com/demos/1.0/docs/api/events.html

Big yellow box, top of the page.

and here:

http://jquerymobile.com/demos/1.0/docs/pages/page-scripting.html

at least.

Top Reply

Response title

Attachments

jQuery Forum

Form Response into Div

Replies(5)

Re: Form Response into Div

Re: Form Response into Div

Re: Form Response into Div

Re: Form Response into Div

Re: Re: Form Response into Div

Statistics

Tags

Actions