Search jQuery

jQuery Forum

Form Response into Div

in jQuery Mobile • 9 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

9 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

9 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

9 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

9 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

9 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