一般情况下,每当我们提交提交一次form表单,页面都是进行跳转,如何才能让页面不跳转,保持原来的页面,从而实现无刷新呢?不了解target属性的,请自觉查阅资料。下面记录下,解决这个问题的方法
首先,我们在form表单里加入target属性,属性值等于iframe的name属性值,代码如下
如果target的属性值不等于iframe 中的name属性值,浏览器会新开启窗口。
注:此方法可用于上传图片,无刷新界面,然后图片显示出来,通过php的返回值,配合js方法,可实现。
上文的代码中,为了有良好的操作体验,提交按钮可以去掉,考虑用js来触发submit,代码如下:
效果图如下:
记录菜鸟起飞的过程