easyui表单提交数据的方法

Question

在我的项目中，我使用了id为ff的easyui表单。

而且我想在提交表单之前检查数据。所以我在表单方法中使用onSubmit。

但是我无法接受来自oat.php的数据，成功的alert(data)方法无法显示"Your name"。

也许jquery.form.js是原因，但我不确定。

这里是头部代码：

<link rel="stylesheet" type="text/css" href="jsui/easyui-1.5.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jsui/easyui-1.5.3/themes/icon.css">
<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>

这里是js代码：

 <script>
 function submitForm(){
  $('#ff').form('submit',{
        url:oat.php,
        onSubmit:function(){
            return $(this).form('enableValidation').form('validate');
            },
        success:function(data){
            alert(data)
            }
        });
}
function clearForm(){
    $('#ff').form('clear');
}
</script>

这里是html代码：

<form id="ff" class="easyui-form" method="post" data-options="novalidate:true"  enctype='multipart/form-data'>
        <table cellpadding="5">
            <tr>
                <td>announceTitle:</td>
                <td><input class="easyui-textbox" type="text" name="annTitle" data-options="required:true,multiline:true" style="height:60px"></input></td>
            </tr>
        </table>
        <div class="attFile" id="attFileId">
        <div class="upBtDiv"><label style="color:green">attfile:</label><input type="file" id="fulId" name="mypic"></div>
        <div class="ulfDiv" id="ulfId1"></div>
    </div>
     <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">submit</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">clear</a>
    </div>
    </form>

这里是oat.php代码：

<?php
echo "Your Name";
?>

我不知道怎么办？谁能帮帮我？

Answer 1

在您的代码中 oat.php 被视为一个变量，您应该添加引号以便 JS 将其视为一个字符串值。

 $('#ff').form('submit',{
        url: 'oat.php', //added quotes.
        onSubmit:function(){
            return $(this).form('enableValidation').form('validate');
            },...

easyui表单提交数据的方法

How to submit data in using easyui form

javascript

php

jquery

jquery-easyui