ajax request duplicate return result while displaying

Question

Display the result here at displayResult---

        <div class="form-group">
            <div align="center" class="col-md-10">
                <input  type="text" id= "contentSearch" name="contentSearch" class="form-control">
            </div></div>
        <div class="form-group"><button type="submit" class="btn btn-default" id="submitSearch">Search
            </button></div>                
    </form>
</div>

<div id="displayResult">
    {% for result in chris%}{{ result.name }}{%endfor%}  
</div>

and in ajax success--

    <script>
    $(document).ready(function () {
        $("#searchform").on('submit', function (e) {
            var data = {};
            data['contentSearch'] = $('#contentSearch').val();

            $.ajax({
                url: '/ourserver/applicants/istiak/home',
                type: 'post',
                data: data,
                success: function (returnedData) {
                    $("#displayResult").html(returnedData);// display
                }
            });

            return false;
        });
    });
</script>

But while displaying the result it is creating a from again--

before make the request ---

After the request when display the result --

So it is creating the form again and also displaying the result based on the value as well.

Like if the return result is 2 time than it display twice, if the result have 3 values it will display 3 times.

so how it is possiblr to stop being duplicate from and just only display the result !!

Not multiple times, just once !!!

Anyone knows how it can be solved !!!

can you check in the console and post here the response of the ajax call? — Ankit Saroch
– Ankit Saroch, Commented Oct 14, 2015 at 8:57

Jai · Accepted Answer · 2015-10-14 09:06:09Z

1

Try to extract the target html like this:

$("#displayResult").html($(returnedData).find("#displayResult").html());// display

answered Oct 14, 2015 at 9:06

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Istiak Mahmood Over a year ago

Awesome it stops creating the form again, but it is still displaying the results multiple times, i mean if the result have 3 values it is displaying 3 times, how can i stop that too as well, can you kindly suggest something !

guradio Over a year ago

why not just return the data as json and append them on table or list?

Istiak Mahmood Over a year ago

@Jai i have also updated the pic what it is displaying

Jai Over a year ago

{% for result in chris%}{{ result.name }}{%endfor%} do you have this in any other loop @IsakJohnsson?

Istiak Mahmood Over a year ago

@Jai oops my bad there was a loop, sorry and thanks a lot for your awesome answer

|

Collectives™ on Stack Overflow

ajax request duplicate return result while displaying

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related