ajax的知识点框架,ajax的一点知识

后台ajax 和 前端 页面按钮的配合效果渲染！

前端按钮出发jq事件，通过事件连接后台ajax方法！

jq追加 用.append 不追加显示html 用.html

$(function (){

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

var car_id = $("#car_id").val();

var vin =$("#vin").val();

var url ="{{ url('backend/ajax_car') }}";

var date ={"car_id":car_id,"vin":vin};

var success =function (dates){

// console.log(dates);

var info ="";

//拼接标签

info += "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";

info+="

"

//遍历

for(var i=0;i

// console.log()

info+="

"+dates[i].name+""+dates[i].jy_num+""+dates[i].oe_num+""+dates[i].remarks+""+dates[i].price1+""+dates[i].price2+""+dates[i].price3+""+dates[i].price4+""+dates[i].price5+""+dates[i].price6+""+dates[i].car_name+""

}

info+="

"

$('.showMore').html(info)

}

$.get(url,date,success,"json");

});

})

** 后台ajax方法 基于laravel5.4框架开发**

public static function ajax_car(Request $request){

$ajaxData = $request->input();//ajax后台返回的数据

$sub_s =mb_substr($ajaxData['vin'],0,8,"utf-8");

$sub_x =mb_substr($ajaxData['vin'],9,1,"utf-8");

$oe_pjsql = DB::table('oe')->where('vin','like','%'.$sub_s.'%')->get()->toArray();

$arr1 = array();

foreach ($oe_pjsql as $value){

$oe_s = mb_substr($value->vin,9,1,"utf-8");

$upper = strtoupper($oe_s);

if($sub_x == $upper){

$arr1[] =$value;

}

}

return json_encode($arr1);exit;

}