2017-03-13 58 views
0

我有一個輸入欄,必須在提交時重定向到另一個https頁面(包含谷歌搜索)。該表格的代碼是下一個:放大器不會重定向到另一個頁面

<form class="navbar-form navbar-left hide-inputs buscadoMovilLine" role="search" target="_blank" action-xhr="https://www.tuotromedico.com/buscadorg.php" action="https://www.tuotromedico.com/buscadorg.php" method="get"> 
       <div class="form-group buscador"> 
        <input class="SearchInputMovil2 inl" type="text" placeholder="Buscar..." class="form-control" name="q"> 
        <button class="inl" type="submit" class="btn btn-default"><i class="fa fa-search lupaBuscarMovilBoton2" aria-hidden="true"></i></button> 
       </div> 
     </form> 

我也添加了amp-form擴展。官方文檔說這個:提交 安培表後

重定向還允許提交的也都是AMP-重定向到響應頭後出版商將用戶重定向到一個新的頁面。

請注意,您也不得不更新您的訪問控制展露報頭 響應頭,包括AMP重定向消息要到允許 標題的列表。

重定向URL必須是絕對HTTPS URL,否則AMP將拋出 錯誤並且重定向不會發生。

https://www.ampproject.org/es/docs/reference/components/dynamic/amp-form

但是我不知道如何有我來指定。

回答

1

我知道2種方式,這是一個節點:

app.post('/register', function (req, res) { 
 
    let form = new formidable.IncomingForm(); 
 
    form.parse(req, function (err, fields) { 
 
    
 
    res.setHeader('AMP-Access-Control-Allow-Source-Origin', 'https://example.com/'); 
 
    
 
     if (fields.first_name && fields.last_name) { 
 
     res.setHeader('AMP-Redirect-To', 'https://example.com/some-key');  
 
     res.status(200).json(fields); 
 
     } else { 
 
     res.status(400).json({error: 'Please select a size.'}); 
 
     } 
 
});

;第二,在放大器可以使用的NavigateTo()

 <form class="proceed__form" method="post" id="requirements-form" 
 
       action-xhr="https://localhost:4040/check-requirements" 
 
       target="_top" 
 
       on="submit-success:AMP.navigateTo(url='https://google.com')" 
 
     > 
 
     </form> 
 
     
 
     OR you can get variable from response 
 
     (res.status(200).json({message: 'success', navigateTo: domain + '/profile'});) 
 
     
 
     <form class="proceed__form" method="post" id="requirements-form" 
 
       action-xhr="https://localhost:4040/check-requirements" 
 
       target="_top" 
 
       on="submit-success:AMP.navigateTo(url=event.response.navigateTo)" 
 
     > 
 
     </form>

相關問題