求ajax表单提交？？

时间：2013.11.07 发布人：_没名_
求ajax表单提交？？

已解决问题

谷歌_没名_用户在2013.11.07提交了关于“马云约谈求ajax表单提交？？”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-25T11:45:33。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你就是当代的活雷锋,太感谢了 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：zhouyua问答nwen23  

aja很国x表单提交

以前对js，jq都不是很熟悉，更不用说ajax，但是最近在项目中运用到了ajax发现其实很方便，就像老大说的，他很早以前就说过ajax这个东西了，可是我们没有用，现在才发现他的方便才开始使用实女类刑更风酸全。

下面就是我在项目中运用到的ajax的表单验和提沿卷雷突距旧面重交的js代码：

<scriptlanguage="j**ascript">

$买件本免收升做(document).ready(function(){

$.formV房心alidator.initConfig();

$("#value_1").formVal般困举通混idator()虽计线茶.inputValidator({min:1,max:200,onerror:"请按格式输入内容！"});

//ajax提交

$("#submit").click线有无教牛山必华尼首(function(){

$("#submit").attr("disabled");

if($('#isshow').attr("checked")==true){

varisshow=$('#iss吃how').val();

}else{

vari手设试万律雨场sshow='';

}

if($('#tbid').val()==""){

if($.铁formValidator.pageIsValid()){

$.ajax({

type:"post",

url:"ad.ajax.php",

data:'do=add&val章永盐总资烟ue_1='+$('#value_1').val()+'&isshow='+isshow+'&tbid='+$('#tbid').val()+'&value_2='+$('#value_2').val()+'&value_15='+$('#value_15').val()+'&target第装鱼完='+$('#target').val()+'&ad_id='+材谈歌诗外升海每细投$('#ad_id').val(),

success:function(msg){

if(植随落大呼最会补安英陆msg!=0){

if(confirm('添加成按点功，是否继续添加？')){

$('#value_1').val("")

$('#va围第古表lue_2').val("http://")

$('#value_15').val("")

location.href='adset.php?id='+$('#ad_id').val()

}else{

location.href='ad.list.php?id='+$('#ad_id').v的误负开医赵家纸东是目al()

}

}else{

alert('添加失败');

}

}

});

}

}

else{

if($.formValidator.pageIsValid()){

$.ajax({

type:"post",

url:"ad.ajax.php",

data:'do=edit&value_1='+$('#value_1').val()+'&isshow='+isshow+'&tbid='+$('#tbid').val()+'&value_2='+$('#value_2').val()+'&value_15='+$('#value_15').val()+'&target='+$('#target').val()+'&ad_id='+$('#ad_id').val()+'&indexid='+$('#indexid').val(),

success:function(msg){

if(msg!=0){

alert('编辑成功');

location.href='ad.list.php?id='+$('#ad_id').val()

}else{

alert('编辑失败');

}

}

});

}

}

});

});

</script>

下面是html代码部分：

<formaction="adset.php"id="adsetsumbit"method="post">

<divclass="type">广告信息</div>

<divclass="inputbox"style="width:800px;">

<tablewidth="100%"border="0"cellpadding="0"cellspacing="0">

<tr>

<tdheight="40"colspan="2"class="frmlab">第1步、广告标题<emid="titletip"></em></td>

</tr>

<tr>

<tdwidth="510"style="text-align:left;padding:0002px"><inputtype="text"id="value_1"name="value_1"class="tl"style="width:500px"maxlength="200"tip="请输入文章标题"limiter="1,200"tabfocus="1,1"value="<?phpecho$ad['title'];?>"/></td>

<td></td>

</tr>

</table>

</div>

<divclass="inputbox"style="width:500px;">

<divclass="explain">

<spanclass="wordfloatr"></span>

<spanclass="titlefloatl">第2步、链接地址</span>

<divclass="clearf"></div>

</div>

<inputid="value_2"type="text"name="url"style="width:500px;height:2**x;line-height:2**x"value="<?phpif($ad['url']!=""){echo$ad['url'];}else{echo"http://";}?>"/>

</div>

<divclass="inputbox"style="width:800px;">

<divclass="explain">

<spanclass="titlefloatl">第3步、上传广告图片</span>

<divclass="clearf"></div>

</div>

<tableborder="0"cellspacing="0"cellpadding="0">

<tr>

<tdheight="40"id="value_15box"></td>

<inputid="value_15"name="value_15"type="hidden"value="<?phpecho$ad['img'];?>"/>

</tr>

</table>

</div>

<divclass="inputbox1inputboxs">

<divclass="explain">

<spanclass="titlefloatl">第4步、设置相关属性</span>

<divclass="clearf"></div>

</div>

<spanstyle="margin-right:**x;float:left;"><inputtype="checkbox"style="width:1**x;height:1**x;"id="isshow"name="isshow"<?phpif($ad['isshow']==""){echo"checked='checked'";}elseif($ad['isshow']==1){echo"checked='checked'";}?>/></span><spanclass="isfb">是否发布</span>

<divclass="clearf"></div>

</div>

<?php

if($ad['indexid']!=""){

echo"<divclass='inputbox1'>";

echo"<span>栏目排序：<inputtype='text'id='indexid'style='width:84px;color:#474747'name='indexid'value='$ad[indexid]'/></span>";

echo"</div>";

}

?>

<divclass="inputbox">

<divclass="floatl">

<spanclass="title">第5步、栏目跳转方式</span>

<selectname="target"id="target">

<optionvalue="0"<?phpif($ad['target']==0){echo"selected='selected'";}?>>在当前窗体打开链接</option>

<optionvalue="1"<?phpif($ad['target']==1){echo"selected='selected'";}?>>在新窗口中打开链接</option>

<optionvalue="2"<?phpif($ad['target']==2){echo"selected='selected'";}?>>在当前窗体打开链接，并替换当前的整个窗体(框架页)</option>

<optionvalue="3"<?phpif($ad['target']==3){echo"selected='selected'";}?>>在父窗体中打开链接</option>

</select>

</div>

<divclass="clearf"></div>

</div>

<divclass="sub2">

<inputtype="hidden"name="ad_id"id="ad_id"value="<?phpif($ad['ad_id']){echo$ad['ad_id'];}else{echo$_GET['id'];}?>"/>

<inputtype="hidden"name="tbid"id="tbid"value="<?phpecho$ad['tbid'];?>"/>

<inputtype="button"class="submit"id="submit"name="submit"value="确定"/><ahref="ad.list.php?id=<?phpif($ad['ad_id']){echo$ad['ad_id'];}else{echo$_GET['id'];}?>"class="cancel"></a>

</div>

</form>

以上就是用ajax来进

ajax表单提交

以前对js，jq都不是很熟悉，更不用说ajax，但是最近在项目中运用到了ajax发现其实很方便，就像老大说的，他很早以前就说过ajax这个东西了，可是我们没有用，现在才发现他的方便才开始使用。

下面就是我在项目中运用到的ajax的表单验和提交的js代码：

<scriptlanguage="j**ascript">

$(document).ready(function(){

$.formValidator.initConfig();

$("#value_1").formValidator().inputValidator({min:1,max:200,onerror:"请按格式输入内容！"});

//ajax提交

$("#submit").click(function(){

$("#submit").attr("disabled");

if($('#isshow').attr("checked")==true){

varisshow=$('#isshow').val();

}else{

varisshow='';

}

if($('#tbid').val()==""){

if($.formValidator.pageIsValid()){

$.ajax({

type:"post",

url:"ad.ajax.php",

data:'do=add&value_1='+$('#value_1').val()+'&isshow='+isshow+'&tbid='+$('#tbid').val()+'&value_2='+$('#value_2').val()+'&value_15='+$('#value_15').val()+'&target='+$('#target').val()+'&ad_id='+$('#ad_id').val(),

success:function(msg){

if(msg!=0){

if(confirm('添加成功，是否继续添加？')){

$('#value_1').val("")

$('#value_2').val("http://")

$('#value_15').val("")

location.href='adset.php?id='+$('#ad_id').val()

}else{

location.href='ad.list.php?id='+$('#ad_id').val()

}

}else{

alert('添加失败');

}

}

});

}

}

else{

if($.formValidator.pageIsValid()){

$.ajax({

type:"post",

url:"ad.ajax.php",

data:'do=edit&value_1='+$('#value_1').val()+'&isshow='+isshow+'&tbid='+$('#tbid').val()+'&value_2='+$('#value_2').val()+'&value_15='+$('#value_15').val()+'&target='+$('#target').val()+'&ad_id='+$('#ad_id').val()+'&indexid='+$('#indexid').val(),

success:function(msg){

if(msg!=0){

alert('编辑成功');

location.href='ad.list.php?id='+$('#ad_id').val()

}else{

alert('编辑失败');

}

}

});

}

}

});

});

</script>

下面是html代码部分：

<formaction="adset.php"id="adsetsumbit"method="post">

<divclass="type">广告信息</div>

<divclass="inputbox"style="width:800px;">

<tablewidth="100%"border="0"cellpadding="0"cellspacing="0">

<tr>

<tdheight="40"colspan="2"class="frmlab">第1步、广告标题<emid="titletip"></em></td>

</tr>

<tr>

<tdwidth="510"style="text-align:left;padding:0002px"><inputtype="text"id="value_1"name="value_1"class="tl"style="width:500px"maxlength="200"tip="请输入文章标题"limiter="1,200"tabfocus="1,1"value="<?phpecho$ad['title'];?>"/></td>

<td></td>

</tr>

</table>

</div>

<divclass="inputbox"style="width:500px;">

<divclass="explain">

<spanclass="wordfloatr"></span>

<spanclass="titlefloatl">第2步、链接地址</span>

<divclass="clearf"></div>

</div>

<inputid="value_2"type="text"name="url"style="width:500px;height:2**x;line-height:2**x"value="<?phpif($ad['url']!=""){echo$ad['url'];}else{echo"http://";}?>"/>

</div>

<divclass="inputbox"style="width:800px;">

<divclass="explain">

<spanclass="titlefloatl">第3步、上传广告图片</span>

<divclass="clearf"></div>

</div>

<tableborder="0"cellspacing="0"cellpadding="0">

<tr>

<tdheight="40"id="value_15box"></td>

<inputid="value_15"name="value_15"type="hidden"value="<?phpecho$ad['img'];?>"/>

</tr>

</table>

</div>

<divclass="inputbox1inputboxs">

<divclass="explain">

<spanclass="titlefloatl">第4步、设置相关属性</span>

<divclass="clearf"></div>

</div>

<spanstyle="margin-right:**x;float:left;"><inputtype="checkbox"style="width:1**x;height:1**x;"id="isshow"name="isshow"<?phpif($ad['isshow']==""){echo"checked='checked'";}elseif($ad['isshow']==1){echo"checked='checked'";}?>/></span><spanclass="isfb">是否发布</span>

<divclass="clearf"></div>

</div>

<?php

if($ad['indexid']!=""){

echo"<divclass='inputbox1'>";

echo"<span>栏目排序：<inputtype='text'id='indexid'style='width:84px;color:#474747'name='indexid'value='$ad[indexid]'/></span>";

echo"</div>";

}

?>

<divclass="inputbox">

<divclass="floatl">

<spanclass="title">第5步、栏目跳转方式</span>

<selectname="target"id="target">

<optionvalue="0"<?phpif($ad['target']==0){echo"selected='selected'";}?>>在当前窗体打开链接</option>

<optionvalue="1"<?phpif($ad['target']==1){echo"selected='selected'";}?>>在新窗口中打开链接</option>

<optionvalue="2"<?phpif($ad['target']==2){echo"selected='selected'";}?>>在当前窗体打开链接，并替换当前的整个窗体(框架页)</option>

<optionvalue="3"<?phpif($ad['target']==3){echo"selected='selected'";}?>>在父窗体中打开链接</option>

</select>

</div>

<divclass="clearf"></div>

</div>

<divclass="sub2">

<inputtype="hidden"name="ad_id"id="ad_id"value="<?phpif($ad['ad_id']){echo$ad['ad_id'];}else{echo$_GET['id'];}?>"/>

<inputtype="hidden"name="tbid"id="tbid"value="<?phpecho$ad['tbid'];?>"/>

<inputtype="button"class="submit"id="submit"name="submit"value="确定"/><ahref="ad.list.php?id=<?phpif($ad['ad_id']){echo$ad['ad_id'];}else{echo$_GET['id'];}?>"class="cancel"></a>

</div>

</form>

以上就是用ajax来进行表单提交验，的代码。最近也在研究ajax希望能写出更好的关于ajax的代码。

文章来源:商企通网站建设组

行表单提交验，的代码。最近也在研究ajax希望能写出更好的关于ajax的代码。

文章来源:商企通网站建设组