V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Trim21
V2EX  ›  JavaScript

在提交了一个表单之后,如何停留在当前的网页?

  •  
  •   Trim21 · 2015-12-31 01:11:05 +08:00 · 3631 次点击
    这是一个创建于 3243 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近在折腾学校的教务系统,遇到一个问题。

    比如说我有三门课,原来设想的是写成一个循环,然后直接使用 chrome 的控制台运行代码,但是在第一次循环提交的时候网页就直接刷新了,进不去第二次循环。有什么办法解决吗?
    19 条回复    2015-12-31 15:04:49 +08:00
    111111111111
        1
    111111111111  
       2015-12-31 01:13:10 +08:00 via Android   ❤️ 1
    Ajax 异步提交,当前页面不会刷新
    sneezry
        2
    sneezry  
       2015-12-31 01:17:50 +08:00   ❤️ 1
    注入一个 iframe ,然后把 form 的 taget 指向这个 iframe
    Andy1999
        3
    Andy1999  
       2015-12-31 01:19:02 +08:00 via iPhone   ❤️ 2
    ajax
    yeyeye
        4
    yeyeye  
       2015-12-31 08:22:41 +08:00   ❤️ 1
    用框架吧 这个最简单(表单指定 target )

    http://blog.csdn.net/zdwzzu2006/article/details/6082110
    iTakeo
        5
    iTakeo  
       2015-12-31 08:35:28 +08:00 via iPhone   ❤️ 1
    ajax 提交
    lee015
        6
    lee015  
       2015-12-31 08:36:08 +08:00 via Android   ❤️ 1
    看下它提交时发了什么数据,直接改好数据 ajax 提交
    lyz1990
        7
    lyz1990  
       2015-12-31 08:39:49 +08:00   ❤️ 1
    ajax
    imdoge
        8
    imdoge  
       2015-12-31 08:56:17 +08:00   ❤️ 1
    你用的啥标签提交,一些表单会有默认行为的导致页面刷新
    你可以试试改成 ajax 提交然后阻止默认行为, return false 即可, jquery 的 event.preventDefault 也行,原生 js 的话要分 IE 和 w3c 的阻止默认行为方法兼容一下
    66beta
        9
    66beta  
       2015-12-31 09:05:00 +08:00   ❤️ 1
    没看懂楼主表达什么
    先不考虑 ajax 什么的,不能全部填写完一次性提交吗?
    Suclogger
        10
    Suclogger  
       2015-12-31 09:06:53 +08:00   ❤️ 1
    2L 方法+1
    will0404
        11
    will0404  
       2015-12-31 09:22:16 +08:00   ❤️ 1
    显然是 ajax 啊 什么年代了还用 iframe
    learnshare
        12
    learnshare  
       2015-12-31 09:42:43 +08:00   ❤️ 1
    ajax post formdata
    sneezry
        13
    sneezry  
       2015-12-31 09:45:20 +08:00 via iPhone   ❤️ 1
    @will0404 不不,解决问题就好,楼主是在 hack ,不是在做 production
    quietin
        14
    quietin  
       2015-12-31 11:07:41 +08:00   ❤️ 1
    form.serialize ,然后 ajax 异步
    Trim21
        15
    Trim21  
    OP
       2015-12-31 11:31:45 +08:00
    @66beta 因为一次只能提交一门课,需要不断提交完所有想选的课...
    13k
        16
    13k  
       2015-12-31 12:58:41 +08:00   ❤️ 1
    console 也可以循环用 ajax 提交嘛...
    Trim21
        17
    Trim21  
    OP
       2015-12-31 14:47:57 +08:00
    @13k 之前并不知道有这么个东西。。。
    LioMore
        18
    LioMore  
       2015-12-31 14:56:36 +08:00 via Android
    楼主不要再问了,用 ajax ,其他的都是乱来
    jsfaint
        19
    jsfaint  
       2015-12-31 15:04:49 +08:00
    有些场合不得不用 iframe ……之前遇到过淘宝活动的 API ,测试时候支持 ajax ,结果正式上线了缺不支持了。淘宝支持的工程师说他们 API 没有改,最后不得不用了 iframe ……
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1851 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:34 · PVG 00:34 · LAX 08:34 · JFK 11:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.