PHP AJAX数据添加(jquery)

//前端页面(html_add.php)

$(function(){
 $('#course_form').submit(function(){
  $.ajax({
   
url:'add.php' ,
   type:'POST',
   data:$('#course_form').serialize(),
   success:function(msg){
    if(msg=='1'){
     alert('添加成功!');
     $('#cName').val("");
     $('#eName').val("");
    }else{
     alert(msg);
    }
   }
  })
  return false;
 })
})
</script>

  <form id='course_form'>
      <tr>
          <td width='4%'>&nbsp;</td><td width='18%'>名稱:</td>
          <td width='27%'><input type='text' name='cName' id='cName'></td>
          <td width='8%'><input type='submit'  value='添加'></td>    
     </tr>
 </form> 

//后台页面(add.php) 

 

if($_POST){
   $cName=$_POST['cName'];
   if($cName==""){
    exit('名称為空!');
   }
   $sql="insert table(cname) values('".$cName."')";
   if(mysql_query($sql)){
    echo '1';
   }else{
    echo '添加失敗!';
   }
   
  }else {
   require('html_Add.php');
  }

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用jQueryAjax添加图片的示例代码: ```html <!DOCTYPE html> <html> <head> <title>jQuery Ajax上传图片</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#upload").click(function(){ var formData = new FormData(); formData.append('file', $('#file')[0].files[0]); $.ajax({ url: 'upload.php', type: 'POST', data: formData, processData: false, contentType: false, xhr: function(){ var xhr = $.ajaxSettings.xhr(); if(xhr.upload){ xhr.upload.addEventListener('progress', function(event){ var percent = 0; var position = event.loaded || event.position; var total = event.total; if(event.lengthComputable){ percent = Math.ceil(position / total * 100); } $('#progressBar').css('width', percent + '%'); $('#progressBar').html(percent + '%'); }, true); } return xhr; }, success: function(response){ alert(response); } }); }); }); </script> </head> <body> <input type="file" id="file" name="file" /> <button id="upload">上传</button> <div id="progressBar"></div> </body> </html> ``` 在这个示例中,我们使用了jQuery的`$.ajax()`方法来发送POST请求。我们创建了一个FormData对象,并将文件添加到其中。我们还设置了`processData`和`contentType`选项,以确保jQuery不会将数据序列化为查询字符串,并设置正确的Content-Type头。 我们还使用了`xhr`选项来获取XMLHttpRequest对象,并添加了一个事件监听器来跟踪上传进度。最后,我们在成功回调函数中显示了响应。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值