1.前台的form表单成立，，注意action、enctype的内容，

2.通过添加一个隐藏的iframe标签使form的target指向iframe来到达不跳转页面的效果，同时需要在js里获取iframe里的内容（即后台操作GSON传回来的返回值）。

代码部分：

<form id="form1"  action="../PublishPostingsServlet"  enctype="multipart/form-data"  method="POST"  target="iframe_userInterface">

                <!-- 正文区域--多行文本框 -->

                <textarea name="ptext" id="ptext" cols="30" rows="10"></textarea>

                <!-- 图片和标签选择区域 -->

                <ul id="ptext_ul">

                    <li>

                        <a id="photo" href="javaScript:;" onclick="showPic();">

                            <em class="iconfont"></em>图片

                        </a>

                    </li>

                    <li id="lable">

                        <a href="javaScript:;" onclick="showLable();">

                            <em class="iconfont"></em>标签

                        </a>

                    </li>

                </ul>

                <div id="tupianqu">

            <span class="ziti">本地上传</span>

       <input id="tupian_btn" name="tupian_btn" type="file" accept="image/gif,image/jpeg,image/jpg,image/png" onchange="selectFile();" />

                </div>

                <button id="ptext_btn" type="submit">颁布</button>

            </form>

            <iframe  id="iframe_userInterface" name="iframe_userInterface" style="display: none;"></iframe>

3.js里获取文本代码如下：

$("#iframe_userInterface").load(function(){

      var text = $(this).contents().find("body").text();//获取iframe里的内容

      console.log(text);//打印iframe页面的内容

            }

    })

可以操作text来进行验证

后台要接收form表单传过去的数据，并且操作GSON将返回值传回到iframe里，

代码：

@WebServlet("/PublishPostingsServlet")

@MultipartConfig // 标识Servlet撑持文件上传

public class PublishPostingsServlet extends HttpServlet {