書生張君瑞在京城普救寺西廂遇隔壁的崔鶯鶯及丫環紅娘在後園撲蝶。君瑞為鶯鶯之美色吸引，自請居於西廂，伺機接近鶯鶯。

鶯鶯一家到普救寺為鶯鶯的父親作法事。此時孫飛虎率叛軍來到，要鶯鶯下嫁飛虎，否則血洗普救寺。

崔夫人便提出退去叛軍之人可娶鶯鶯為妻。君瑞於是獻計，先訛稱法事未做完，要三日後禮成方可交出鶯鶯，然後君瑞寫信請他朋友杜確帶兵來救，果然叛軍被杜確趕走。

脫困後崔夫人背約，只許君瑞及鶯鶯兄妹相稱，因鶯鶯把與他人有婚約。君瑞、鶯鶯十分難過。紅娘想相助二人，便分別告訴他們對方皆相思憔悴。二人由是以詩述情，並相約於晚上相會。

君瑞依時赴會，鶯鶯卻否認相約之事。君瑞不堪刺激病倒。紅娘將君瑞病情告知鶯鶯，鶯鶯決定再約他見面。但晚上鶯鶯又後悔，紅娘堅持要她赴約，兩人終於見面，竟夕纏綿。

崔夫人知悉女兒半夜往西廂，大怒。逼紅娘說出一切後她本欲報官，但礙於自己負約在先，只好成全兩人，條件是先要君瑞中舉。君瑞果然高中狀元，得以與鶯鶯共諧連理。