使用客户端软件向服务端php程序发送post数据,php接受三种方法

Posted 白超华

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用客户端软件向服务端php程序发送post数据,php接受三种方法相关的知识,希望对你有一定的参考价值。

 

 

Vue

<body>
    <div id="app"></div>
    <script>
        const Add = {
            props: [\'size\'],
            data() {
                return {
                    value: \'\'
                }
            },
            template: `
                <div>
                    <input v-model="value"/> 
                    <button @click="$emit(\'add\', value)">Add ({{size}})</button>
                </div>
            `
        }
        const List = {
            props: [\'list\'],
            template: `
                <ul>
                    <li v-for="(v, i) of list" :key="i">{{v}}</li>
                </ul>
            `
        }
        const App = {
            components: { Add, List },
            data: {
                list: []
            },
            computed: {
                size() {
                    return this.list.length
                }
            },
            methods: {
                add(value) {
                    if (value != \'\') this.list.unshift(value)
                }
            },
            template: `
                <div>
                    <h1>Todo List</h1>
                    <Add :size="size" @add="add"></Add>
                    <List :list="list"></List>
                </div>
            `
        }

        new Vue(App).$mount(\'#app\')
    </script>
</body>

React

<body>
    <div id="app"></div>
    <script type="text/babel">
        class Add extends React.Component {
            add = () => {
                this.props.add(this.input.value)
            }
            render() {
                return (
                    <div>
                        <input ref={(input) => { this.input = input }} type="text" />
                        <button onClick={this.add}>Add ({this.props.size})</button>
                    </div>
                )
            }
        }
        class List extends React.Component {
            render() {
                const { list } = this.props
                return (
                    <ul>
                        {list.map((v, k) => <li key={k}>{v}</li>)}
                    </ul>
                )
            }
        }
        class App extends React.Component {
            state = {
                list: []
            }
            add = (value) => {
                if (value == \'\') return
          const list = [...this.state.list] list.unshift(value)
this.setState({ list }) } render() { return ( <div> <h1>Todo List</h1> <Add add={this.add} size={this.state.list.length} /> <List list={this.state.list} /> </div> ) } } ReactDOM.render(<App />, document.getElementById(\'app\')) </script> </body>

 

JQuery

<body>
    <h1>Todo List</h1>
    <input type="text">
    <button id="btn">Add (<span></span>)</button>
    <ul id="list"></ul>

    <script>
        (() => {
            const ul = $(\'#list\')
            const btn = $(\'#btn\')
            btn.find(\'span\').text(ul.find(\'li\').length)

            btn.click(function () {
                ul.prepend(
                    `<li>${$(this).prev().val()}</li>`
                )
                $(this).find(\'span\').text(ul.find(\'li\').length)
            })
        })()
    </script>
</body>

 

以上是关于使用客户端软件向服务端php程序发送post数据,php接受三种方法的主要内容,如果未能解决你的问题,请参考以下文章

如何用php程序主动向html页面发送信息?

angularJS怎么实现与服务端的PHP进行数据交互

如何防止从客户端向服务器端发送数据(位置、纬度和经度)作弊?

将带有 fetch 的 POST 发送到烧瓶时的端口问题

如何用php向服务器发送post请求

c# 服务端接收post过来的body内容