Form Post Method的Direct Link?

zfc

我有个post method的form。它提供几个option value，例如option A, option B, option C，让游客选择后submit.

我的问题是，可不可以把这个post method的form转换成direct link？例如游客在click了某个direct link后，会自动submit到option A。这可以办到吗？

leon_lcl

用url 来pass option value 咯。 www.abc.com/index.php? option=optionA

zfc

leon_lcl 发表于 7-3-2013 10:59 AM
用url 来pass option value 咯。 www.abc.com/index.php? option=optionA

我尝试了，可是弄不到。这是那个post form:

<form action="/" method="post"><select name="visualtheme"><option value="gw_bedroom" selected="selected">Bedroom</option><option value="gw_brand">Brand</option><option value="gw_silver">Silver</option><option value="gw_zh_lenox">Zhakkard Lenox</option></select><input id="ok-visualtheme" type="submit" name="is[save_visualtheme]" class="submitok" value="OK" /></form>

如果我要弄个direct link选择gw_silver的visualtheme，应该要怎样呢？

zfc

我用了Firefox web developer extension, convert post to get，得到的是 /?visualtheme=gw_silver&is[save_visualtheme]=OK，但还是不成功。这个form一定要用post..

flashang

不太了解为什么要这么做。

form 一般上需要 submit 而 method 可以是 post 或者 get

而 url 是使用 get

如果你的 backend 是完全自己处理，怎么样做都可以。
看来你或许有用到其他的 backend 那么，

我猜可能的做法：

1. 使用 onclick 在 link, javascript 做 form.submit 的动作
2. 改成 submit button -- 个人比较喜欢这个做法
3. 改 backend 的处理

可以说说看为什么需要用 url submit 吗？

zfc

flashang 发表于 7-3-2013 01:38 PM
不太了解为什么要这么做。

form 一般上需要 submit 而 method 可以是 post 或者 get

其实是这样的。我的网站是个马来文字典网站：
http://www.ekamus.info/
网站使用glossword php系统。我只是在以前从书本上学过简单的HTML，但对php的知识几乎是零。

我想弄个mobile friendly的网站。Glossword的其中一个功能是可以选择visual theme:
http://glossary.radian.net/

因此我的想法是要自己弄个mobile friendly的theme，当游客使用手机浏览我的网站时就回自动load那个theme。
因此我就想如果我知道可以load那个theme的url的话，我就能把手机用户redirect到那里。

请问你有什么建议吗？

flashang

抱歉，对手机 app 不熟。

一般上是用 cookie 或者 detect browser screen size
来决定使用那一个 theme.

好像 cari 的 手机版 也是使用 detect mobile browser ？

zfc

flashang 发表于 7-3-2013 10:51 PM
抱歉，对手机 app 不熟。

一般上是用 cookie 或者 detect browser screen size

Detect手机这方面没关系。但请问你form要怎样弄成javascript.submit?

flashang

我随便找的，不管除错。

http://stackoverflow.com/questio ... -link-submit-a-form

1. 方法 1
   
2. <a href="#" onclick="document.formName.submit();">
   
3. 
   
4. 
   
5. 方法 2
   
6. 
   
7. <input id="submitlink" type="submit" value="Text" />
   
8. 
   
9. And CSS like this:
   
10. 
    
11. input#submitlink {
    
12.     background: transparent;
    
13.     border: 0;
    
14.     cursor:pointer;
    
15.     margin: 0;
    
16.     padding: 0;
    
17.     color: #034af3;
    
18.     text-decoration: underline;
    
19. }
    
20. 
    
21. input#submitlink:visited {
    
22.     color: #505abc;
    
23. }
    
24. 
    
25. input#submitlink:hover {
    
26.     color: #1d60ff;
    
27.     text-decoration: none;
    
28. }
    
29. 
    
30. input#submitlink:active {
    
31.     color: #12eb87;
    
32. }

复制代码

hkloke2000

zfc 发表于 7-3-2013 05:51 PM
其实是这样的。我的网站是个马来文字典网站：
http://www.ekamus.info/
网站使用glossword php系统。我 ...

检查 User-Agent

http://stackoverflow.com/questions/5341637/how-do-detect-android-tablets-in-general-useragent

zfc

谢谢楼上的两位。

zfc

经过几个小时的尝试，我成功弄到了！很开心！

分享下我的方法。
我create了http://m.ekamus.info ，就直接在那里放上那个选择theme的form。所以我没有用到javascript submit form。

然后我在www的主页放上JS Mobile Redirection：
https://github.com/sebarmeli/JS-Redirection-Mobile-Site
手机用户会自动从www redirect到m。

但是，反而用了我最多时间去研究的是prevent mobile browser zoom。就是用手机上网不用一直zoom：
http://davidwalsh.name/zoom-mobile-browsers
之前一直以为应该要set width=100%，所以都失败了。

amulo

你的direck link 做成Button, 然后放进 form 里面咯， 不然ajax return 也可以

zfc

amulo 发表于 24-3-2013 03:35 PM
你的direck link 做成Button, 然后放进 form 里面咯， 不然ajax return 也可以

问题之前已经解决了，但还是谢谢你的回复。

做了手机版网站后，Adsense收入减少。最后我移除了手机版网站。