是的,但铭记这不会产生PUT,而是GET的要求。 如果您对<代码>method属性;form> tag使用无效价值,则浏览器将使用违约值<代码>get/code>。

否则,你可以提供一种表格,但不能提交表格,而是使用PUT方法,用 Java本制造和焚烧XMLHttpRequest。

<><>>>> 隐蔽的实地工作around

几个网络框架使用以下简单技术:

• add a hidden _method parameter to any form that is not GET or POST:

  <input type="hidden" name="_method" value="PUT">
  

  可以通过使用超文本制作助手方法在框架中自动做到这一点。

• fix the actual form method to POST (<form method="post")

• <程序代码>_method上载服务器,与发送该方法而不是实际操作的POST一样。

你可以做到这一点:

• Rails: form_tag
• Laravel: @method("PATCH")

1. 制定方法

<form
  method="PUT"
  action="domain/route/param?query=value"
>
  <input type="hidden" name="delete_id" value="1" />
  <input type="hidden" name="put_id" value="1" />
  <input type="text" name="put_name" value="content_or_not" />
  <div>
    <button name="update_data">Save changes</button>
    <button name="remove_data">Remove</button>
  </div>
</form>
<hr>
<form
  method="DELETE"
  action="domain/route/param?query=value"
>
  <input type="hidden" name="delete_id" value="1" />
  <input type="text" name="delete_name" value="content_or_not" />
  <button name="delete_data">Remove item</button>
</form>

之后,联合材料公司采取行动,执行所期望的方法:

<script>
   var putMethod = ( event ) => {
     // Prevent redirection of Form Click
     event.preventDefault();
     var target = event.target;
     while ( target.tagName != "FORM" ) {
       target = target.parentElement;
     } // While the target is not te FORM tag, it looks for the parent element
     // The action attribute provides the request URL
     var url = target.getAttribute( "action" );

     // Collect Form Data by prefix "put_" on name attribute
     var bodyForm = target.querySelectorAll( "[name^=put_]");
     var body = {};
     bodyForm.forEach( element => {
       // I used split to separate prefix from worth name attribute
       var nameArray = element.getAttribute( "name" ).split( "_" );
       var name = nameArray[ nameArray.length - 1 ];
       if ( element.tagName != "TEXTAREA" ) {
         var value = element.getAttribute( "value" );
       } else {
       // if element is textarea, value attribute may return null or undefined
         var value = element.innerHTML;
       }
       // all elements with name="put_*" has value registered in body object
       body[ name ] = value;
     } );
     var xhr = new XMLHttpRequest();
     xhr.open( "PUT", url );
     xhr.setRequestHeader( "Content-Type", "application/json" );
     xhr.onload = () => {
       if ( xhr.status === 200 ) {
       // reload() uses cache, reload( true ) force no-cache. I reload the page to make "redirects normal effect" of HTML form when submit. You can manipulate DOM instead.
         location.reload( true );
       } else {
         console.log( xhr.status, xhr.responseText );
       }
     }
     xhr.send( body );
   }

   var deleteMethod = ( event ) => {
     event.preventDefault();
     var confirm = window.confirm( "Certeza em deletar este conteúdo?" );
     if ( confirm ) {
       var target = event.target;
       while ( target.tagName != "FORM" ) {
         target = target.parentElement;
       }
       var url = target.getAttribute( "action" );
       var xhr = new XMLHttpRequest();
       xhr.open( "DELETE", url );
       xhr.setRequestHeader( "Content-Type", "application/json" );
       xhr.onload = () => {
         if ( xhr.status === 200 ) {
           location.reload( true );
           console.log( xhr.responseText );
         } else {
           console.log( xhr.status, xhr.responseText );
         }
       }
       xhr.send();
     }
   }
</script>

根据这些职能的定义,我补充说,在纽特州举行活动,要求采取形式方法:

<script>
  document.querySelectorAll( "[name=update_data], [name=delete_data]" ).forEach( element => {
    var button = element;
    var form = element;
    while ( form.tagName != "FORM" ) {
      form = form.parentElement;
    }
    var method = form.getAttribute( "method" );
    if ( method == "PUT" ) {
      button.addEventListener( "click", putMethod );
    }
    if ( method == "DELETE" ) {
      button.addEventListener( "click", deleteMethod );
    }
  } );
</script>

而对于PUT表上的带子:

<script>
  document.querySelectorAll( "[name=remove_data]" ).forEach( element => {
    var button = element;
    button.addEventListener( "click", deleteMethod );
</script>

- - - - - - - - - - - -

除此之外,你可以确定“Method”后的功能,并找到处理“POST”和“GET”的方法,因为你喜欢浏览器的违约行为。 你可以做你想要使用<代码> 所在地:reload(<>”,如显示成功修改或成功删除的信息。

=-=-==-=========================================================================================================================================================================================================================================================

<script type=module" src="html-form-enhancer.js"></script>

<form method="PUT">
...
</form>

简言之:无

我曾试图以超文本形式提出这一请求,但向服务器发出《名册》要求。 添加项目设计书的要求——

www.un.org/Depts/DGACM/index_spanish.htm 我们可以通过听取文稿中的提交行动来做到这一点,然后将提出的要求降为某一终点。