How to send post request without submit button

Question

I have form where I don't have submit button and actually the form didn't send post request, so my question how is possible to send request on image click?

@foreach($items as $item) <form class="form-horizontal" role="form" method="post" action="{{ route('index', $item->id) }}"> {{ csrf_field() }} <div class="col-md-3"> <div class="well"> <a><img class="img-responsive center-block" src="{{ $item->imagePath }}" alt=""></a> <h4 class="text-center">{{ $item->item_name }}</h4> </div> </div> </form> @endforeach

Thank you

user2693928 · Accepted Answer · 2016-11-25 11:19:05Z

3

You can do it with jQuery. It's easy if you set id of the form:

$('form#form_id a').click(function(e){ $('form#form_id').submit(); e.preventDefault(); return false; });

But in your case you don't have any point in submitting post request, but anyway the above should work.

answered Nov 25, 2016 at 11:19

user2693928

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

4 Comments

Devmasta Over a year ago

okey, not submitting, I want to send request, but this code doesn't work.

Ramzan Mahmood Over a year ago

mean you want to go in controller method without submit? is this your question?

Devmasta Over a year ago

yes, i want to send the category id in the controller when i click on the image

user2693928 Over a year ago

You should include input fields with the values: <input name="category_id" value="{{ $item->id }}"> for example

Quentin · Accepted Answer · 2016-11-25 11:21:58Z

Assuming that "Don't use a submit button" is not a hard requirement and you are just assuming that it is because you want to use an image:

Use a submit button instead of a link.

<button><img class="img-responsive center-block" src="{{ $item->imagePath }}" alt=""></button>

You can style the default background and borders of the button away with CSS.

You really should have some content in the alt attribute. The image can't be a meaningless decorative image if it informs the user that clicking it will do something.

Ramzan Mahmood · Accepted Answer · 2016-11-25 11:47:57Z

give id to your form in this way

<form action="" id="frm-id" method="post" class="form-horizontal ">

next you js method will be as

$("#frm-id").submit(function(){ var form_data = $("#frm-id").serialize(); $.ajax({ url: '/index/'+id, type: "POST", }); });

At url above you need to your route to go in controller method as i wrote....

Collectives™ on Stack Overflow

How to send post request without submit button

3 Answers 3

4 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Related