Rfc2616 lists many methods besides GET and POST, like, say, DELETE, PUT etc. Method field in html forms, though, seems to be allowed to specify only GET or POST.
Is it possible to create a link or form in a html page that uses a request method that is not GET or POST?
Was trying to figure this out for a rails app that was using Angular on the front end; these seems to work for that environment:
<a data-confirm="Are you sure?" data-method="delete" href="/link-to-resource" rel="nofollow">Delete</a>
Edit: Just to give everyone a heads up, I think you still need to have jQuery for this to work. I removed jQuery and it stopped working; I put it back and it started working.
dataMethod and dataConfirm for props. Haven't used React on Rails, but if I recall correctly, React uses camelCased props for certain HTML properties: reactjs.org/docs/dom-elements.html You will probably need to have jquery_ujs for this to work; however, it would also be trivial to use fetch and pass up an HTTP DELETE request. –
Inundate You certainly can’t create a link that uses anything other than GET. Since HTML began, links have been meant to be idempotent and free from side effects.
For forms and XMLHTTPRequests, Caps’ link is the place to look: Are the PUT, DELETE, HEAD, etc methods available in most web browsers?.
By default, not there is no way to do this. Links always perform GETs, forms can use GETs or POSTs.
That said, with a little JavaScript, it's possible. Rails for instance ships with helpers which will add a data-method attribute to links. Rails-UJS is a jQuery library that will transparently intercept clicks on these links, and trigger a form submit with a _method parameter used for overriding the normal HTTP method. Finally Rack will intercept requests with a _method params, and overwrite the request method with the value in _method.
Other frameworks no doubt follow a similar pattern.
If you want even more details, I've written up an explanation of how Rails, Rails-UJS, and Rack all work together to provide this.
It's good to know how your libraries work.
It is not possible to create a link or form with delete method.
Many web framework create a hidden input called "_method" for handling PUT and DELETE.
I created a plugin for automatically convert links to forms : RestfulizerJs
You can take a look here : https://github.com/Ifnot/RestfulizerJs
@Ifnot plugin is great but I created a one based on $.ajax function instead of appending hidden forms! here's a simple example for a DELETE request
HTML
<button class="delete" data-target="http://example.com/post/post-id/" data-method="DELETE" data-disabled="true">Delete Article</button>
JavaScript
$(".delete").restintag(optionsObj, function(data) {
console.log(data);
},
function(error) {
console.log(error);
});
HTMX is designed to solve this.
Why should only <a> and <form> be able to make HTTP requests? Why should only click & submit events trigger them? Why should only GET & POST methods be available? Why should you only be able to replace the entire screen? By removing these arbitrary constraints, htmx completes HTML as a hypertext
It enables any DOM element to make HTTP requests GET, POST, PUT, PATCH, and DELETE, without writing any custom JavaScript.
Here is a straight javascript way to do it.
<body>
<p><a href="javascript: deleteApp('app1')">Delete app1</a></p>
<script>
function deleteApp(branch) {
fetch('https://example.com/api/v1/resource/'+branch, {
method: 'DELETE',
headers: {
'Authorization': 'Bearer <your_access_token>'
}
});
}
</script>
</body>
if you use rails then in application.js you should add this line. Because a link has only GET method awailable
//= require rails-ujs
then you can use any CRUD methods
examples for DELETE
<a href="path/to/delete" data-method="delete">delete some post</a>
or
<%= link_to "delete some post", post_path, method: :delete %>
just add a data-method attribute,<a data-method='put' href='whatever'>link</a>
<a rel="nofollow" data-method="delete" href="some_link">DeleteMe</a> –
Chronometer © 2022 - 2024 — McMap. All rights reserved.