ajax如果去规范格式
问题遇到的现象和发生背景
如何让下面的格式和上面案例同步，以及让这个商品编号能实现跳转
用代码块功能插入代码，请勿粘贴截图
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="cs/common.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="plugins/elementui/index.css">
<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
<title>电子商务title>
<style type="text/css">
style>
head>
<body>
<div id="header">
<div class="top">
<div class="logo">div>
div>
<div class="nav">
<div class="navMain" id="one1">
<div class="nav-a1" id="one">商品div>
div>
<div class="navMain2" id="two1">
<a href="catalogue.html"><div class="nav-a2" id="two">目录div>a>
div>
div>
div>
<div class="worksheet">
<div class="work3">
<DIV id=workShow>
<form action="" method="post">
<DIV class="workShowselectTag" id=workShow0>
<table border=0 cellspacing=0 cellpadding=2 width="100%"
bgcolor="gray">
<tr>
<td class="headerbar61" width="50%" colspan="1">商品明细查询td>
<td class="headerbar63" width="50%" colspan="1"><input
type="button" name="add" tabindex="1"
onClick="javascript:goto()" value=" 查 询 ">td>
tr>
table>
<table border=0 cellspacing=0 cellpadding=2 width="100%"
height="5">
<tr>
<td>td>
tr>
table>
<table border=0 cellspacing=1 cellpadding=2 width="100%"
bgcolor="gray">
<tr>
<td class="textbar81" width="15%">商品名td>
<td class="textbar01" width="50%"><input type="text"
name="goName" size="20">
td>
tr>
table>
<table border=0 cellspacing=0 cellpadding=2 width="100%"
height="5">
<tr>
<td>td>
tr>
table>
<table border="0" width="100%" id="table1" cellspacing="0"
cellpadding="2" bgcolor="gray">
<tr>
<td class="headerbar61" width="50%" colspan="1">商品明细表td>
<td class="headerbar63" width="50%" colspan="1"><input
type="button" name="add" tabindex="1" value=" 新 增 "
onclick="window.location.href('goodsadd.html')">td>
tr>
table>
<table border=0 cellspacing=0 cellpadding=2 width="100%"
height="5">
<tr>
<td>td>
tr>
table>
<table border="0" width="100%" id="table1" cellspacing="0"
cellpadding="0" bgcolor="gray">
<tr>
<td width="100%" colspan="1">
<table border="0" cellspacing="1" cellpadding="2" width="100%">
<tr>
<td width="3%" class="headerbar82">序号td>
<td width="19%" class="headerbar82">商品名称td>
<td width="14%" class="headerbar82">商品货号td>
<td width="14%" class="headerbar82">所属目录td>
<td width="14%" class="headerbar82">价格td>
<td width="22%" class="headerbar82">商品图片td>
<td width="14%" class="headerbar82">操作td>
tr>
<tr>
<td class="gridbar11" align="center">1td>
<td class="gridbar11" align="center">小米2s16Gtd>
<td class="gridbar11" align="center"><a
href="goodsedit.html">123a>td>
<td class="gridbar11" align="center">手机td>
<td class="gridbar11" align="center">2000td>
<td class="gridbar11" align="center"><a
href="USER1002.htm">a>td>
<td class="gridbar11" align="center"><a href="#"><img
src="images/del.gif" align="bottom" border="0"
onClick="javascript:del('673467')" />a>td>
tr>
<tr id="tbMain" >tr>
table>
td>
tr>
table>
<table width="100%" border="0" cellpadding="1" cellspacing="2">
<tr>
<td colspan="2" align="right" height="20" nowrap
class="textbar3"> 共3条 第1/1页 <a
href="#" style="cursor: hand">首页a> <a
style="cursor: hand" href="#">上一页a> <a
style="cursor: hand" href="#">下一页a> <a
style="cursor: hand" href="#">尾页a>
td>
tr>
table>
div>
form>
Div>
div>
div>
body>
<script src="js/vue.js">script>
<script src="plugins/elementui/index.js">script>
<script type="text/javascript" src="js/jquery.min.js">script>
<script src="js/axios-0.18.0.js">script>
<script type="text/javascript">
$(function(){
$.ajax({
url:"/shop/goodss",
type:"GET",
dataType:'json',
contentType:"application/json;charset=utf-8",
success:function(data){
//成功连接api接口
var tr = "";
if(data.length > 0){
//获取api接口传过来的数据
var list = data;
for(var i = 0; i < list.length; i++) {
var goid = list[i].goId;
var goname = list[i].goName;
var gonumber = list[i].goNumber;
var caname = list[i].caName;
var price = list[i].price;
var pricture = list[i].picture;
//输出格式并填充
//1.复选框；2.数据库里的序号；3.商品名称；4.商品编号；5.目录名字；6.价格；7.商品照片。
//ajax里按钮只能用input属性。
tr+= "" +
"" + goid + ""+
"" + goname + ""+
" " + gonumber + ""+
"" + caname + "" +
"" + price + "" +
"" + pricture +""+
"
" + ""+
"";
//将查得的数据每一条都插入到表格
}
console.log("tr",tr);
$("#tbMain").append(tr);
}
},
error: function(content) {
alert("失败");
}
});
});
script>
html>
我想要达到的结果
如何让下面的格式和上面案例同步，以及让这个商品编号能实现跳转
- 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7598985