master

分支 (1)

管理

管理

master

musicWebsite
/
contact.html

<!DOCTYPE HTML>
<head>
<title>恒远科技</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
	<style>
		.logo>a>img{
			width: 165px;
		}
	</style>
</head>
<body>
      <div class="header">
		     <div class="header_top">
		     	<div class="wrap">
				 <div class="logo">
					 <a href="index.html"><img src="images/logo.png" alt="" /></a>
					 </div>
				  <div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
				    	<li><a href="about.html">关于</a></li>
				    	<!--<li><a href="events.html">新闻</a></li>-->
				    	<!--<li><a href="gallery.html">展馆</a></li>-->
				    	<!--<li><a href="blog.html">博客</a></li>-->
				    	<li  class="active"><a href="contact.html">联系我们</a></li>
				    	<div class="clear"></div>
				    </ul>
				 </div>
			     <div class="clear"></div>
		      </div>
		  </div>
  </div>
     <div class="main">
     	<div class="wrap">
     	    <div class="content_top">
     	    	<div class="contact">
	        		<div class="section group">
				<div class="col_1_of_3 contact_1_of_3">
					<div class="contact-form">
				  	<h3>留言</h3>
					    <form>
					    	<div>
						    	<span><input type="text" name="name" class="textbox name" value="" placeholder="姓名"></span>
						    </div>
						    <div>
						    	<span><input type="text" name="phone" class="textbox phone" value="" placeholder="手机号"></span>
						    </div>
						    <div>
						    	<span><textarea value="" name="content" class="content"  placeholder="留言" ></textarea></span>
						    </div>
						   <div>
						   		<span><input type="button" class="mybutton" value="提交"></span>
						  </div>
					    </form>
				  </div>
				</div>
				<div class="col_1_of_3 contact_1_of_3">
					<div class="company_address">
				     	<h3>关于恒远</h3>
						    	<p>北京市昌平区</p>
						   		<p>黄平路</p>
						   		<p>龙旗广场２－９０９</p>
				   		<p>电话：010－56200950</p>
				 	 	<p>邮箱：<span><a href="#">234962824@qq.com</a></span></p>
				   		<!--<p>关注我们: <span>Facebook</span>, <span>Twitter</span></p>-->
				   </div>
				</div>
				<div class="col_1_of_3 contact_1_of_3">
					<div class="contact_info">
    	 				<h3>公司地址</h3>
					    	  <div class="map">
									<img src="images/location.jpg" />
							  </div>
      				    </div>
				    </div>
			     </div>
	          </div>
     	    </div>
		</div>
     </div>

	  <div id="page2"></div>
	  <script>
          $("#page2").load("foot.html");

		  $(".mybutton").click(function () {
			  var name = $(".name").val();
			  var phone = $(".phone").val();
			  var content = $(".content").val();

			  if(!name){
			      alert('姓名不能为空');
			      return false;
			  }
              if(!phone){
                  alert('手机号不能为空');
                  return false;
              }
              if(!content){
                  alert('留言不能为空');
                  return false;
              }
              $.ajax({
				  url:"http://backend.aqiong.top/music/index",
                  type:'POST',
                  dataType:'JSON',
                  data:{'name':name,'phone':phone,'content':content},
                  success: function(data){
				      console.log(data);
                      if(data.code == 1){
                          alert("提交成功");

                      }else{
                          alert("提交失败");
                      }
                  }
			  });

          });


	  </script>

</body>
</html>