ajax 整理

1.load（） 点击加载服务器内容

<a href="">点击</a>
<div id="contant"></div>
<script>

	$("a").click(function(){
		$("#contant").load("00.txt");return false;

	});

</script>

2.POST ajax 传参数插入数据库

                   $.ajax({
				type: "POST",
				url: "insert.php",
				data: {
					author: $("#author").val(),
					message: $("#message").val()
				},

				success: function(msg) {
					alert("moren:" + msg);
				}
			});

　　

　　insert.php

<?php 

include 'config.php';
$username=$_POST['site'];
$password=$_POST['class'];
echo $username.$username;
$sql="INSERT INTO pmw_admanage(siteid,classid) values('$username','$password') ";
$smt=$pdo->prepare($sql);
if ($smt->execute()) {
echo "成功";
}else{
	echo "不成功";
}


 ?>

ajax 整理

$(".layui-btn").click(function () {
			$.ajax({
    url:"aa.php",    //请求的url地址
    dataType:"json",   //返回格式为json
    async:true,//请求是否异步，默认为异步，这也是ajax重要特性
    data:{"id":$("h1").text()},    //参数值
    type:"POST",   //请求方式
    beforeSend:function(){
         alert("请求之前 ")
    },
    success:function(msg){
      $(".layui-container").html(msg)
    },
    complete:function(){
        alert("请求完成 ")
    },
    error:function(){
        alert("请求失败 ")
    }
});

		})

$.ajax({
			url: 'in.php',
			type: 'GET',
			// dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
			data: {param1: 'value1'}
		})
		.done(function(data) {
			$("p").html(data)
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
		})

　　

　　

ajax 请求 api 拿数据　　

　

{
    "msg": "获取成功",
    "response": {
        "data": [
            {
                "YnPlcText": "{"Q00":"true","M14":"false","Q01":"false","M15":"false","Q02":"false","M16":"false","Q03":"false","M17":"false","Q04":"true","M20":"false","Q05":"false","M21":"false","Q06":"false","M22":"false","Q07":"true","M23":"false","Q10":"false","M24":"false","Q11":"false","M25":"false","Q12":"false","M26":"false","Q13":"true","M27":"false","Q14":"false","M30":"false","Q15":"false","M31":"false","Q16":"true","M32":"false","Q17":"false","M33":"false","Q20":"false","M34":"false","Q21":"false","M35":"false","Q22":"true","M36":"false","Q23":"false","M37":"false","Q24":"false","M40":"false","Q25":"true","M41":"false","Q26":"false","M42":"false","Q27":"false","M43":"false","Q80":"false","M44":"false","Q81":"true","M45":"false","Q82":"false","M46":"false","Q83":"false","M47":"false","Q84":"true","M50":"false","Q85":"false","M51":"false","Q86":"false","M52":"false","Q87":"false","M53":"false","Q120":"true","M54":"false","Q121":"false","M55":"false","Q122":"true","M200":"false","Q123":"false","M201":"false","Q124":"false","M202":"false","Q125":"false","M203":"false","Q126":"true","M204":"false","Q127":"false","M205":"false","I21":"true","I22":"true","Q135":"true","V1044":"428.16","V1224":"322.48","V1232":"128.81","M215":"false","M214":"false","Q133":"true","M221":"false","Q134":"true","M226":"false","M222":"false","M227":"false","M230":"false","Q161":"true","M176":"false","I25":"false","I26":"true","Q177":"false","Q162":"false","M197":"false","Q164":"false","M172":"false","Q165":"false","M56":"false","V1024":"33.77","V1028":"33.77","V1032":"20.21","V1088":"803.25","V1096":"547.91","V1104":"0.00","Q166":"false","M174":"false","V1008":"5.64","V1036":"93.34","V1112":"2230.18","M121":"false","V1060":"5.40","V1056":"13.51","V1048":"8.91","I35":"false","V1016":"0.00","V1020":"0.00","V1040":"79.23","V1120":"1803.21","M212":"false","Q137":"false","M223":"false","Q130":"true","Q131":"true","Q132":"false","Q163":"true","Q170":"false","M224":"false","M232":"false","Q175":"false","M225":"false","M231":"false","M191":"false","M66":"false","M67":"false","M70":"false","M74":"false","M75":"false","M76":"false","M77":"false","M180":"false","M181":"false","M182":"false","M184":"false","M186":"false","V1000":"5.86","M11":"true","M10":"true","M13":"false","M12":"false","M193":"true","M192":"false","M195":"false","M194":"false"}"
            }
        ],
        "dataCount": 1,
        "page": 1,
        "pageCount": 1
    },
    "success": true
}

　　

 setInterval(function () {
          $.ajax({
            url: 'http://140.143.250.251:8777/api/values/1',
            type: 'get',
            data:'',
            dataType: 'json',
            headers: {
                "Content-Type": "application/json; charset=utf-8"
            },
            success(res) {
            	console.log(res)
                var datas=res;
                var datastring=datas.response.data[0]['YnPlcText'];
                dataobj=JSON.parse(datastring)
              
                Q00=JSON.parse(dataobj['Q00']);
                console.log("Q00的开关"+Q00)
                                                   
                        

                        }
                    })

      },2000)